css怎樣設(shè)置背景顏色透明度
css設(shè)置背景顏色透明度只需要使用rgba(R,G,B,A)即可。A為透明度參數(shù)，取值在0~1之間，不可為負(fù)值。 下面是學(xué)習(xí)啦小編給大家整理的一些有關(guān)css設(shè)置背景顏色透明度的方法，希望對(duì)大家有幫助!
css設(shè)置背景顏色透明度的方法
創(chuàng)建一個(gè)html文件。如圖
在html文件找到一個(gè)<body>標(biāo)簽，在這個(gè)標(biāo)簽里創(chuàng)建一個(gè)<div>標(biāo)簽并添加一個(gè)類(lèi)，在這把這個(gè)類(lèi)設(shè)置為：rgba。 如圖
代碼：<div class="rgba"></div>
為div添加樣式。在<title>標(biāo)簽后面創(chuàng)建一個(gè)<style>，在<style>標(biāo)簽里設(shè)置rgba類(lèi)的高和背景透明度的樣式(rgba(R,G,B,A))。透明度參數(shù)，取值在0~1之間，不可為負(fù)值，透明度參數(shù)越小透明度越高。如圖
代碼：
<style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style>
保存后使用瀏覽器查看?？梢钥吹疆?dāng)透明度為由0.1修改為1時(shí)div背景由灰色變?yōu)榱撕谏?。如圖：
所有代碼?？梢园阉写a復(fù)制到新建的html文件上，保存好后使用瀏覽器打開(kāi)借口看到效果。如圖
所有代碼：
<!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è)置背景顏色透明度
