本篇內(nèi)容介紹了“CSS顏色表示方式有哪些”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
你可能會(huì)疑惑為什么我們使用6位數(shù)來表示一種顏色而不是只用一位或二位,答案是使用6位數(shù)可提供給我們巨大數(shù)量的顏色變化。
會(huì)有多少種可能的顏色?告訴你,16 個(gè)值(0~F)和 6 個(gè)位置意味著我們有 16 的 6 次方,或者說超過 1600 萬種可能的顏色。
Hex code 遵循 red-green-blue(紅-綠-藍(lán)),或者叫 rgb 格式。hex code 中的前兩位表示顏色中紅色的數(shù)量,第三四位代表綠色的數(shù)量,第五六位代表藍(lán)色的數(shù)量。
所以要得到絕對(duì)的純紅色,你只需要在第一和第二位使用 F (大可能的數(shù)值),且在第三、第四、第五和第六位使用0 (最小可能數(shù)值)。
以下是一些常用顏色:
通過對(duì) background-color 應(yīng)用 hex code 值:
#FF0000(#F00) 可以把 body 元素的背景色設(shè)置為紅色;
#00FF00 可以把 body 元素的背景色設(shè)置為綠色;
#0000FF 可以把 body 元素的背景色設(shè)置為藍(lán)色;
#FFA500 可以把 body 元素的背景色設(shè)置為橙色;
#808080 可以把 body 元素的背景色設(shè)置為灰色;
#111111 可以把 body 元素的背景色設(shè)置為深灰色。
在 CSS 中表示顏色的另一個(gè)方法是使用 rgb值。
代表黑色的 RGB 值看起來是下面的樣子:
rgb(0, 0, 0)
代表白色的 RGB 值看起來是下面的樣子:
rgb(255, 255, 255)
使用 rgb,你通過 0 至 255 之間的一個(gè)數(shù)字來指定每種顏色的亮度,而不是像 hex code 那樣使用六個(gè)十六進(jìn)制數(shù)字。
如果你做個(gè)算術(shù),16 乘以 16 總共有 256 個(gè)值,所以從零開始計(jì)數(shù)的 rgb,和 hex code 一樣有完全相同數(shù)量的可能數(shù)值。
紅色的 RGB 值:rgb(255, 0, 0);
綠色的 RGB 值:rgb(0, 255, 0);
藍(lán)色的 RGB 值:rgb(0, 0, 255);
橙色的 RGB 值:rgb(255, 165, 0);
“CSS顏色表示方式有哪些”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
本文名稱:CSS顏色表示方式有哪些-創(chuàng)新互聯(lián)
標(biāo)題URL:http://chinadenli.net/article34/dgipse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、外貿(mào)建站、電子商務(wù)、網(wǎng)站策劃、品牌網(wǎng)站制作、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容