這篇文章主要介紹了css怎么設(shè)置顏色值的相關(guān)知識,內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇css怎么設(shè)置顏色值文章都會(huì)有所收獲,下面我們一起來看看吧。
創(chuàng)新互聯(lián)建站始終堅(jiān)持【策劃先行,效果至上】的經(jīng)營理念,通過多達(dá)十年累計(jì)超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的網(wǎng)絡(luò)營銷推廣解決方案,現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶,其中包括:墻體彩繪等企業(yè),備受客戶稱贊。
語法:
rgb(r,g,b);
r:設(shè)置紅色值,可以使用正整數(shù)或百分?jǐn)?shù)的方式設(shè)置值;
g:設(shè)置綠色值,可以使用正整數(shù)或百分?jǐn)?shù)的方式設(shè)置值;
b:設(shè)置藍(lán)色值,可以使用正整數(shù)或百分?jǐn)?shù)的方式設(shè)置值。
說明:rgb()中的每個(gè)參數(shù)(r、g以及b)定義不同顏色的強(qiáng)度,可以是介于0與255之間的正整數(shù),或者是百分比值(從0%到100%)。
我們通過一個(gè)簡單的代碼示例來了解rgb()設(shè)置顏色的方法。
div{
width:350px;
height:200px;
background-color:rgb(0,0,0);
color:rgb(255,255,255);
border:1pxsolidrgb(255,0,0);
padding:10px;
}
設(shè)置盒子的背景色為黑色【rgb(0,0,0)】
設(shè)置字體文字的顏色為白色【rgb(255,255,255】
邊框顏色為紅色【rgb(255,0,0)】
效果圖:
2.jpg
上例中,我們通過分別給background-color,color,border設(shè)置不同的rgb()顏色值來設(shè)置了盒子的背景色、字體文字顏色、邊框顏色。
我們要注意一下rgb()顏色值的寫法,下面的代碼示例中rgb()函數(shù)的取值,有一些是對的,也有一些是錯(cuò)誤的,注意區(qū)分:
/*使用正整數(shù)的取值方法*/
rgb(255,0,51)
rgb(255,0,51.2)/*錯(cuò)誤的寫法,不能是浮點(diǎn)數(shù),必須為正整數(shù)*/
/*使用%的取值方法*/
rgb(100%,0%,20%)
rgb(100%,0,20%)/*錯(cuò)誤的寫法,不能混合使用整數(shù)和百分比值*/
關(guān)于“css怎么設(shè)置顏色值”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“css怎么設(shè)置顏色值”知識都有一定的了解,大家如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。