CSS教程3、CSS的color顏色[翻譯Htmldog]_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
css可以處理16,777,216顏色,可以使用名字、rgb值或十六進(jìn)制代碼。
有17個(gè)預(yù)先確定的顏色,它們是:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, orange, purple, red, silver, teal, white, and yellow.
transparent 也是一個(gè)正確的值。
rgb的三個(gè)值都是從0到255,0是最低級(jí),255是最高級(jí),這些值同樣可以是百分比。
我們通常使用10進(jìn)制即0-9,但hexadecimal使用16進(jìn)制,即0到f。
十六進(jìn)制三或六個(gè)數(shù)字長度前面帶上#字符,三個(gè)長度是六個(gè)的壓縮形式,比如#f00是ff0000的壓縮,#c96是#cc9966。三位數(shù)很好理解,像rgb,第一個(gè)是紅色,第二個(gè)是綠色,第三個(gè)藍(lán)色。但六位數(shù)給于更多的顏色控制。
color和background-color
顏色可以使用color和background-color,是美國英語中"color"不是"colour"。
藍(lán)色背景,黃色文字:
這些顏色可能比較粗糙,你可以使用另外的色度:
你可以看到h1已經(jīng)變成黃色和藍(lán)色。
color和background-color可以使用在絕大部分html元素,包括body。
示例代碼 [www.hl5o.cn]
red紅色
等同于
rgb(255,0,0)
等同于
rgb(100%,0%,0%)
等同于
#ff0000
等同于
#f00
等同于
rgb(255,0,0)
等同于
rgb(100%,0%,0%)
等同于
#ff0000
等同于
#f00
有17個(gè)預(yù)先確定的顏色,它們是:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, orange, purple, red, silver, teal, white, and yellow.
transparent 也是一個(gè)正確的值。
rgb的三個(gè)值都是從0到255,0是最低級(jí),255是最高級(jí),這些值同樣可以是百分比。
我們通常使用10進(jìn)制即0-9,但hexadecimal使用16進(jìn)制,即0到f。
十六進(jìn)制三或六個(gè)數(shù)字長度前面帶上#字符,三個(gè)長度是六個(gè)的壓縮形式,比如#f00是ff0000的壓縮,#c96是#cc9966。三位數(shù)很好理解,像rgb,第一個(gè)是紅色,第二個(gè)是綠色,第三個(gè)藍(lán)色。但六位數(shù)給于更多的顏色控制。
color和background-color
顏色可以使用color和background-color,是美國英語中"color"不是"colour"。
藍(lán)色背景,黃色文字:
示例代碼 [www.hl5o.cn]
h1 {
color: yellow;
background-color: blue;
}
color: yellow;
background-color: blue;
}
這些顏色可能比較粗糙,你可以使用另外的色度:
示例代碼 [www.hl5o.cn]
body {
font-size: 0.8em;
color: navy;
}
h1 {
color: #ffc;
background-color: #009;
}
font-size: 0.8em;
color: navy;
}
h1 {
color: #ffc;
background-color: #009;
}
你可以看到h1已經(jīng)變成黃色和藍(lán)色。
color和background-color可以使用在絕大部分html元素,包括body。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- XHTML教程:Doctype文檔類型聲明必不可少!
- 入門:HTML的基本標(biāo)簽和屬性簡單介紹
- XHTML入門學(xué)習(xí)教程:簡單網(wǎng)頁制作
- HTML表格標(biāo)記教程(4):邊框色屬性BORDERCOLOR
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- XHTML教程:針對(duì)初學(xué)者的XHTML基礎(chǔ)
- XHTML基礎(chǔ):表單name與id的區(qū)別和相似之處
- HTML表格標(biāo)記教程(6):暗邊框色屬性BORDERCOLORDARK
- XHTML1.0Reference-XHTML1.0中允許使用的所有HTML元素列表!
- HTML表格標(biāo)記教程(41):表頭的寬度和高度屬性WIDTH、HEIGHT
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS教程3、CSS的color顏色[翻譯Htmldog]
。