小編給大家分享一下css怎么設(shè)置不透明,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)2013年開(kāi)創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元杜集做網(wǎng)站,已為上家服務(wù),為杜集各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
css設(shè)置不透明的方法是使用【css rgba()】設(shè)置顏色透明度,RGBA顏色值是RGB顏色值的擴(kuò)展,帶有一個(gè)alpha通道,語(yǔ)法為【rgba(R,G,B,A);】。
本教程操作環(huán)境:windows7系統(tǒng)、css3版,DELL G3電腦。
css設(shè)置不透明的方法:
css rgba()設(shè)置顏色透明度
語(yǔ)法:
rgba(R,G,B,A);
RGBA 是代表Red(紅色) Green(綠色) Blue(藍(lán)色)和 Alpha(不透明度)三個(gè)單詞的縮寫(xiě)。RGBA 顏色值是 RGB 顏色值的擴(kuò)展,帶有一個(gè) alpha 通道 - 它規(guī)定了對(duì)象的不透明度。
rgba()里的值的介紹:
R:紅色值。正整數(shù) (0~255)
G:綠色值。正整數(shù) (0~255)
B:藍(lán)色值。正整數(shù)(0~255)
A:透明度。取值0~1之間
rgba()只是單純的可以設(shè)置顏色透明度,這樣在頁(yè)面的布局中有很多應(yīng)用。比如說(shuō):讓背景出現(xiàn)透明效果,但上面的文字不透明。
代碼實(shí)例:
rgba() 背景色不透明,文字不透明!背景色半透明,文字不透明!
效果圖:
以上是“css怎么設(shè)置不透明”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!