css怎樣設(shè)置背景顏色透明度
css設(shè)置背景顏色透明度只需要使用rgba(R,G,B,A)即可。A為透明度參數(shù),取值在0~1之間,不可為負值。 下面是學習啦小編給大家整理的一些有關(guān)css設(shè)置背景顏色透明度的方法,希望對大家有幫助!
css設(shè)置背景顏色透明度的方法
創(chuàng)建一個html文件。如圖
在html文件找到一個<body>標簽,在這個標簽里創(chuàng)建一個<div>標簽并添加一個類,在這把這個類設(shè)置為:rgba。 如圖
代碼:<div class="rgba"></div>
為div添加樣式。在<title>標簽后面創(chuàng)建一個<style>,在<style>標簽里設(shè)置rgba類的高和背景透明度的樣式(rgba(R,G,B,A))。透明度參數(shù),取值在0~1之間,不可為負值,透明度參數(shù)越小透明度越高。如圖
代碼:
<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>
保存后使用瀏覽器查看??梢钥吹疆斖该鞫葹橛?.1修改為1時div背景由灰色變?yōu)榱撕谏H鐖D:
所有代碼。可以把所有代碼復(fù)制到新建的html文件上,保存好后使用瀏覽器打開借口看到效果。如圖
所有代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css設(shè)置背景透明</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怎樣設(shè)置背景顏色透明度”的人還看了
css怎樣設(shè)置背景顏色透明度
上一篇:怎么為一個div添加多個背景圖片