學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦技巧 > css怎么設(shè)置背景顏色透明度

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è)類(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ù)越小透明度越高。如圖

  保存后使用瀏覽器查看??梢钥吹疆?dāng)透明度為由0.1修改為1時(shí)div背景由灰色變?yōu)榱撕谏?。如圖:

  所有代碼??梢园阉写a復(fù)制到新建的hml文件上,保存好后使用瀏覽器打開(kāi)借口看到效果。如圖

  END

看了“css怎么設(shè)置背景顏色透明度”的人還看了

1.photoshop如何更改背景色為透明色

2.wps演示怎么設(shè)置背景圖片透明

3.如何在Word2010中設(shè)置圖片背景透明

4.Word2013怎么把單色圖片背景設(shè)置成透明

2090141