您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“css有哪幾種顏色寫法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css有哪幾種顏色寫法”吧!
顏色寫法是:1、使用顏色名,語法“color:顏色名”;2、使用百分比,語法“color:rgb(百分比,百分比,百分比)”;3、使用數(shù)值,語法“color:rgb(數(shù)值,數(shù)值,數(shù)值)”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在 CSS 中,顏色值可以使用顏色名、百分比、數(shù)字和十六進(jìn)制數(shù)值,共有四種寫法。
1) 使用顏色名
雖然目前已經(jīng)命名的顏色約有 184 種,但真正被各種瀏覽器支持,并且作為 CSS 規(guī)范推薦的顏色名稱只有 16 種
不建議在網(wǎng)頁中使用顏色名,特別是大規(guī)模的使用,避免有些顏色名不被瀏覽器解析,或者不同瀏覽器對(duì)顏色的解釋差異。
2) 使用百分比
這是一種最常用的方法,例如:
color: rgb(100%, 100%, 100%);
這個(gè)聲明將紅、藍(lán)、綠 3 種原色都設(shè)置為最大值,結(jié)果組合顯示為白色。相反,可以設(shè)置rgb(0%, 0%, 0%)為黑色。3 個(gè)百分值相等將顯示灰色,同理哪個(gè)百分值大就偏向哪個(gè)原色。
3) 使用數(shù)值
數(shù)字范圍從 0~255,例如:
color: rgb(255, 255, 255);
上面這個(gè)聲明將顯示白色,相反,可以設(shè)置為rgb(0, 0, 0),將顯示黑色。3 個(gè)數(shù)值相等將顯示灰色,同理哪個(gè)數(shù)值大哪個(gè)原色的比重就會(huì)加大。
擴(kuò)展資料:
4) 十六進(jìn)制顏色
這是最常用的取色方法,例如:
color: #ffffff;
其中要在十六進(jìn)制前面加一個(gè)#顏色符號(hào)。上面這個(gè)聲明將顯示白色,相反,可以設(shè)置#000000為黑色,用 RGB 來描述:
color: #RRGGBB;
從 0~255,實(shí)際上十進(jìn)制的 255 正好等于十六進(jìn)制的 FF,一個(gè)十六進(jìn)制的顏色值等于 3 組這樣的十六進(jìn)制的值,它們按順序連接在一起就等于紅、藍(lán)、綠3種原色。
到此,相信大家對(duì)“css有哪幾種顏色寫法”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。