CSS的color顏色使用說明_基礎(chǔ)教程
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 18:55:27
CSS的color顏色使用說明_基礎(chǔ)教程
CSS的color顏色使用說明_基礎(chǔ)教程:red紅色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17個預(yù)先確定的顏色,它們是: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple
導(dǎo)讀CSS的color顏色使用說明_基礎(chǔ)教程:red紅色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17個預(yù)先確定的顏色,它們是: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple

red紅色
等同于
rgb(255,0,0)
等同于
rgb(100%,0%,0%)
等同于
#ff0000
等同于
#f00
有17個預(yù)先確定的顏色,它們是:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, orange, purple, red, silver, teal, white, and yellow.
transparent 也是一個正確的值。
rgb的三個值都是從0到255,0是最低級,255是最高級,這些值同樣可以是百分比。
我們通常使用10進制即0-9,但hexadecimal使用16進制,即0到f。
十六進制三或六個數(shù)字長度前面帶上#字符,三個長度是六個的壓縮形式,比如#f00是ff0000的壓縮,#c96是#cc9966。三位數(shù)很好理解,像rgb,第一個是紅色,第二個是綠色,第三個藍色。但六位數(shù)給于更多的顏色控制。
color和background-color
顏色可以使用color和background-color,是美國英語中"color"不是"colour"。
藍色背景,黃色文字:
h1 {
color: yellow;
background-color: blue;
}
這些顏色可能比較粗糙,你可以使用另外的色度:
body {
font-size: 0.8em;
color: navy;
}
h1 {
color: #ffc;
background-color: #009;
}
你可以看到h1已經(jīng)變成黃色和藍色。
color和background-color可以使用在絕大部分html元素,包括body。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS的color顏色使用說明_基礎(chǔ)教程
CSS的color顏色使用說明_基礎(chǔ)教程:red紅色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17個預(yù)先確定的顏色,它們是: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple