close

color (顏色) 屬性能讓我們在 CSS 中設定一個元素的顏色。

這個屬性可以有以下三類的設定值：

  • 十六進位值
  • RGB 碼
  • 顏色名稱

    color 屬性的語法如下：

    十六進位值:

    {color:#XXXXXX;}

    X 為十六進位碼 (從 0 到 9，以及 A 到 F)。

    RGB:

    {color:rgb(X,Y,Z); }   X、Y、和 Z 都是介於 0 和 255 之間的數字。
        或是
    {color:rgb(X%,Y%,Z%); }   X、Y、和 Z 都是介於 0 和 100 之間的數字。

    顏色名稱:

    {color:[顏色名稱];}

    十六進位值是一個以六碼 (如果前兩碼、中間兩碼、以及最後兩碼都一樣的話，那也可以以三碼的形式表現。舉例來說，#FFF 及 #FFFFFF 都是代表白色) 來設定顏色。這一個 十六進位碼顏色表 可以讓我們知道什麼碼會對應到什麼顏色。

    在這裡，我們就以上三種方式各舉一個例子：

    CSS 樣式顯現結果

    p {color:#FF0000;}

    FF0000 代表紅色。

    p {color:rgb(255,0,255);}

    rgb(255,0,255) 是粉紅色。

    p {color:green;}

    這是綠色。

    • arrow
    arrow
      全站熱搜

      connievoss 發表在 痞客邦 留言(0) 人氣()

      E-mail轉寄