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

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

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

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

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

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

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

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

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

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

熟練掌握以上幾種方法，就足以應付網站設計過程中關于顏色的設置，希望能夠幫到大家。

分享標題：Css中color屬性的幾種表達方法
當前路徑：http://www.jbt999.com/news39/314289.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站營銷、外貿建站、網站內鏈、關鍵詞優(yōu)化、品牌網站設計、App設計

廣告

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