Css中color屬性的幾種表達方法

 我們大家在制作網(wǎng)站、編寫css代碼的時候，總會時不時的用到color屬性。作為網(wǎng)頁制作過程中最常用到的屬性之一 ，大家知道color有幾種表達方法嗎？今天我就帶大家一起來看一下。

第一種方法：直接用顏色名稱來指定顏色

這種方法是最常用到的方法之一，比如用color:red;來指定當(dāng)前屬性的顏色為紅色；用color:yellow;來指定當(dāng)前當(dāng)前屬性的顏色為黃色等等。這種方法的特點是用起來比較簡單，直接寫顏色名稱即可。但缺點同樣明顯，一是顏色名稱繁多，想要寫顏色值，需要熟練記憶眾多顏色的英文名稱，對于英語比較差的人來說，可能是一種糟糕的體驗。二是顏色值表示不精確。比如顏色代碼color:forestgreen；指定當(dāng)前屬性顏色為森林綠。 在不同的瀏覽器中，這個顏色的顯示可能會有所不同，

第二種方法：用十六進制代碼來指定顏色

這種方法也是最常用的方法之一。用這種方法填寫的color屬性值，不僅十分精確，而且顏色的種類也比用顏色名稱所代表的顏色種類多的多。比如如果想將顏色設(shè)為純藍色，可以寫成color: #0000FF;但是，請一定要記住，在具體的顏色代碼前有一個#號，這個符號一定不要忘寫了。

第三種方法：RGB:rgb(red，green，blue)

這種方法相對于以上兩種方法沒有那么常見，但是也經(jīng)常用到。這個屬性用三種顏色屬性分別代表三個通道。第一個通道為紅色，第二個通道為綠色，第三個通道為藍色。我們都知道，紅綠藍三種顏色被合稱稱為三原色，這三種顏色相互交織就可以形成其他各種各樣的顏色。所以，只要在css中設(shè)置好這三種顏色，就可以形成各種各樣的顏色。比如，我要設(shè)置純藍這種顏色，那么我就可以寫成color:rgb(0,0,255);

第四種方法：RGBA:rgba(red,green,blue,alpha)

這種方法其實相當(dāng)于是第三種方法的拓展，只不過是在第三種方法后邊增加了一個alpha屬性而已。我們都知道，在網(wǎng)頁設(shè)計模塊中，有的時候，需要用到具有一定透明度的顏色。這個時候我們就需要用到alpha屬性了。這個屬性控制顏色的透明度，它的值是（0,1），也就是說0到1之間，值越小，不透明度也就越小。比如，我要將純藍顏色的透明度調(diào)低，那么我可以寫成rgb(0,0,255,0.5);這句代碼的意思就是純藍顏色，0.5的不透明度。

熟練掌握以上幾種方法，就足以應(yīng)付網(wǎng)站設(shè)計過程中關(guān)于顏色的設(shè)置，希望能夠幫到大家。

分享標(biāo)題：Css中color屬性的幾種表達方法
當(dāng)前路徑：http://m.kartarina.com/news39/314289.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、外貿(mào)建站、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站設(shè)計、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)