首頁 > web前端 > css教學 > 主體

CSS的color顏色使用說明_基礎教學

WBOY
發布: 2016-05-16 12:05:11
原創
2317 人瀏覽過

red紅色
等同於
rgb(255,0,0)
等同於
rgb(100%,0%,0%)
等同於
#ff0000
等同於
#f00
  有17個預先確定的顏色,它們是:
  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,〠〠H , red, silver, teal, white, and yellow.
  transparent 也是一個正確的數值。

  rgb的三個值都是從0到255,0是最低級,255是最高級,這些值同樣可以是百分比。

  我們通常使用10進位即0-9,但hexadecimal使用16進制,即0到f。

  十六進制三或六個數字長度前面帶上#字符,三個長度是六個的壓縮形式,例如#f00是ff0000的壓縮,#c96是#cc9966。三位數很好理解,像rgb,第一個是紅色,第二個是綠色,第三個藍色。但六位數給於更多的顏色控制。

color和background-color

  顏色可以使用color和background-color,是美國英語中"color"不是"colour"。
  藍色背景,黃色文字:


h1 {
    color: yellow;
    background-color: blue;
}
  這些顏色可能比較粗糙,這些顏色可能比較粗糙你可以使用另外的色度:


body {
    font-size: 0.8em;
    color: navy;
}
h1 {
 color: navy;
}
h1 { #ffc;
    background-color: #009;
}
  你可以看到h1已經變成黃色和藍色。
  color和background-color可以使用在絕大部分html元素,包括body。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板