CSS 顏色



CSS 教學  >  顏色

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;}

    這是綠色。

    下一頁:CSS 字體



    Copyright 2007-2009   1keydata.com,   All Rights Reserved.



  • CSS 語法教學
    CSS 語法
    CSS 套用方式
    CSS 媒體類別
    CSS 串接
    CSS 繼承
    CSS Class 與 ID
    CSS Div 與 Span
    CSS 長度單位

    CSS 盒子模式
    CSS 邊界 (Margin)
    CSS 邊框 (Border)
    CSS 留白 (Padding)
    CSS 背景 (Background)
    CSS 顏色
    CSS 字體
    CSS 連接
    CSS 清單 (List)
    CSS 表格 (Table)
    CSS 位置 (Position)
    CSS 文字 (Text)
    CSS 浮動 (Float)
    CSS 清除 (Clear)
    CSS 滑鼠游標圖案

    CSS 樣式