CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS 顏色值

有幾種方法可以在CSS中定義顏色值。

顏色關(guān)鍵字

彩色關(guān)鍵字是不區(qū)分大小寫的標識符,該標識符表示特定的顏色,例如red,green,blue,yellow,black等。

  h1 {
   color: red;
  }
  p {
   background-color: yellow;
  }
測試看看?/?

警告:對顏色關(guān)鍵字的支持因瀏覽器而異,因此,為了安全起見,最好使用十六進制或功能符號。

查看顏色關(guān)鍵字的完整列表

透明顏色關(guān)鍵字

transparent關(guān)鍵字表示完全透明的顏色。

該關(guān)鍵字可以視為透明黑色的簡寫形式rgba(0,0,0,0),也是它的計算值。

  h1 {
   color: transparent;
  }
  p {
   background-color: transparent;
  }
測試看看?/?

注意: CSS 2.1僅允許兩個屬性,background-colorborder-color接受transparent關(guān)鍵字。但是,CSS3擴展了顏色值以包括transparent關(guān)鍵字,以允許其與接受顏色值的所有屬性一起使用。

RGB顏色值

RGB(紅綠藍)顏色模型是在CSS中定義顏色值的最常用方法??梢允褂肦GB模型以兩種方式定義顏色:

十六進制表示法

十六進制表示法的RGB值#由緊隨其后的三個或六個十六進制字符(0-9,af)的字符組成。

當(dāng)使用六位符號(#rrggbb)時,第一對(rr)代表紅色值,第二對(gg)代表綠色值,最后一對(bb)代表藍色值。

  h1 {
   color: #f80;
  }
  p {
   background-color: #ff8800;
  }
測試看看?/?

提示:三位十六進制表示法(#rgb)可以通過復(fù)制數(shù)字而不是加零來轉(zhuǎn)換為六位形式(#rrggbb)。 例如:#03f可以擴展為#0033ff,但是兩個值表示相同的顏色。

函數(shù)表示法

函數(shù)表示法中的RGB值指定為:rgb(red, green, blue)。其中,每個參數(shù)(red,green和blue)定義顏色的強度,可以是一個整數(shù)值(從0到255)或一個百分比值(從0%到100%)。

整數(shù)值255對應(yīng)100%,十六進制表示法中的f或ff:例如,rgb(0,255,255) = rgb(0%,100%,100%) = #0ff,所有值表示相同的顏色,即aqua。數(shù)值周圍允許有空白。

  h1 {
   color: rgb(0,255,255);
  }
  p {
   background-color: rgb(0%,100%,100%);
  }
測試看看?/?

值0或0%表示不存在特定顏色值,而值255、100%和f或ff表示該顏色值完全存在。

注意:超出有效范圍(0-255或0%-100%)的值將被自動裁剪或更改為設(shè)備支持的范圍內(nèi)。

查看有關(guān)CSS3顏色的教程,以了解新的功能符號(例如)rgba(),hsl()以及hsla()用于定義顏色值的信息。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清