css怎么設(shè)置背景顏色透明度
時(shí)間:
本達(dá)868由 分享
css怎么設(shè)置背景顏色透明度
css設(shè)置背景顏色透明度只需要使用rgba即可。下面是學(xué)習(xí)啦小編給大家整理的一些有關(guān)css設(shè)置背景顏色透明度的方法,希望對(duì)大家有幫助!
css設(shè)置背景顏色透明度的方法
創(chuàng)建一個(gè)hml文件。如圖
在hml文件找到一個(gè)<body>標(biāo)簽,在這個(gè)標(biāo)簽里創(chuàng)建一個(gè)<div>標(biāo)簽并添加一個(gè)類,在這把這個(gè)類設(shè)置為:rgba。 如圖
代碼:<div class="rgba"></div>
為div添加樣式。在<title>標(biāo)簽后面創(chuàng)建一個(gè)<style>,在<style>標(biāo)簽里設(shè)置rgba類的高和背景透明度的樣式(rgba(R,G,B,A))。透明度參數(shù),取值在0~1之間,不可為負(fù)值,透明度參數(shù)越小透明度越高。如圖
保存后使用瀏覽器查看。可以看到當(dāng)透明度為由0.1修改為1時(shí)div背景由灰色變?yōu)榱撕谏?。如圖:
所有代碼??梢园阉写a復(fù)制到新建的hml文件上,保存好后使用瀏覽器打開借口看到效果。如圖
END
看了“css怎么設(shè)置背景顏色透明度”的人還看了