我們大家在制作網(wǎng)站、編寫(xiě)css代碼的時(shí)候，總會(huì)時(shí)不時(shí)的用到color屬性。作為網(wǎng)頁(yè)制作過(guò)程中最常用到的屬性之一 ，大家知道color有幾種表達(dá)方法嗎？今天我就帶大家一起來(lái)看一下。
第一種方法：直接用顏色名稱來(lái)指定顏色
這種方法是最常用到的方法之一，比如用color:red;來(lái)指定當(dāng)前屬性的顏色為紅色；用color:yellow;來(lái)指定當(dāng)前當(dāng)前屬性的顏色為黃色等等。這種方法的特點(diǎn)是用起來(lái)比較簡(jiǎn)單，直接寫(xiě)顏色名稱即可。但缺點(diǎn)同樣明顯，一是顏色名稱繁多，想要寫(xiě)顏色值，需要熟練記憶眾多顏色的英文名稱，對(duì)于英語(yǔ)比較差的人來(lái)說(shuō)，可能是一種糟糕的體驗(yàn)。二是顏色值表示不精確。比如顏色代碼color:forestgreen；指定當(dāng)前屬性顏色為森林綠。 在不同的瀏覽器中，這個(gè)顏色的顯示可能會(huì)有所不同，
第二種方法：用十六進(jìn)制代碼來(lái)指定顏色
這種方法也是最常用的方法之一。用這種方法填寫(xiě)的color屬性值，不僅十分精確，而且顏色的種類也比用顏色名稱所代表的顏色種類多的多。比如如果想將顏色設(shè)為純藍(lán)色，可以寫(xiě)成color: #0000FF;但是，請(qǐng)一定要記住，在具體的顏色代碼前有一個(gè)#號(hào)，這個(gè)符號(hào)一定不要忘寫(xiě)了。
第三種方法：RGB:rgb(red，green，blue)
這種方法相對(duì)于以上兩種方法沒(méi)有那么常見(jiàn)，但是也經(jīng)常用到。這個(gè)屬性用三種顏色屬性分別代表三個(gè)通道。第一個(gè)通道為紅色，第二個(gè)通道為綠色，第三個(gè)通道為藍(lán)色。我們都知道，紅綠藍(lán)三種顏色被合稱稱為三原色，這三種顏色相互交織就可以形成其他各種各樣的顏色。所以，只要在css中設(shè)置好這三種顏色，就可以形成各種各樣的顏色。比如，我要設(shè)置純藍(lán)這種顏色，那么我就可以寫(xiě)成color:rgb(0,0,255);
第四種方法：RGBA:rgba(red,green,blue,alpha)
這種方法其實(shí)相當(dāng)于是第三種方法的拓展，只不過(guò)是在第三種方法后邊增加了一個(gè)alpha屬性而已。我們都知道，在網(wǎng)頁(yè)設(shè)計(jì)模塊中，有的時(shí)候，需要用到具有一定透明度的顏色。這個(gè)時(shí)候我們就需要用到alpha屬性了。這個(gè)屬性控制顏色的透明度，它的值是（0,1），也就是說(shuō)0到1之間，值越小，不透明度也就越小。比如，我要將純藍(lán)顏色的透明度調(diào)低，那么我可以寫(xiě)成rgb(0,0,255,0.5);這句代碼的意思就是純藍(lán)顏色，0.5的不透明度。
熟練掌握以上幾種方法，就足以應(yīng)付網(wǎng)站設(shè)計(jì)過(guò)程中關(guān)于顏色的設(shè)置，希望能夠幫到大家。
全國(guó)熱線：0512-65622224 
咨詢我們
蘇公網(wǎng)安備32050602013336
公司新聞
微信/小程序
建站知識(shí)
網(wǎng)站優(yōu)化
app開(kāi)發(fā)知識(shí)
當(dāng)前位置：
