css怎樣設置背景顏色透明度
css設置背景顏色透明度只需要使用rgba(R,G,B,A)即可。A為透明度參數，取值在0~1之間，不可為負值。 下面是學習啦小編給大家整理的一些有關css設置背景顏色透明度的方法，希望對大家有幫助!
css設置背景顏色透明度的方法
創建一個html文件。如圖
在html文件找到一個<body>標簽，在這個標簽里創建一個<div>標簽并添加一個類，在這把這個類設置為：rgba。 如圖
代碼：<div class="rgba"></div>
為div添加樣式。在<title>標簽后面創建一個<style>，在<style>標簽里設置rgba類的高和背景透明度的樣式(rgba(R,G,B,A))。透明度參數，取值在0~1之間，不可為負值，透明度參數越小透明度越高。如圖
代碼：
<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>
保存后使用瀏覽器查看。可以看到當透明度為由0.1修改為1時div背景由灰色變為了黑色。如圖：
所有代碼。可以把所有代碼復制到新建的html文件上，保存好后使用瀏覽器打開借口看到效果。如圖
所有代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css設置背景透明</title>
<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>
</head>
<body>
<div class="rgba"></div>
</body>
</html>
END
看了“css怎樣設置背景顏色透明度”的人還看了
css怎樣設置背景顏色透明度
上一篇：怎么為一個div添加多個背景圖片
下一篇：網站如何制作圖片輪換效果
