Css中color屬性的幾種表達(dá)方法

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

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

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

第二種方法：用十六進(jìn)制代碼來指定顏色

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

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

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

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

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

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

分享標(biāo)題：Css中color屬性的幾種表達(dá)方法
當(dāng)前路徑：http://www.bm7419.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è)計(jì)、App設(shè)計(jì)

廣告

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