CSS基礎教學(8)--文字顏色與背景顏色

文字顏色(前景色)

color:顏色值;

color 這個屬性在之前中也有提到, 它是用來設定前景色, 也就是文字的顏色, 而屬性值跟在 HTML 中所介紹的顏色值寫法一樣, 可以用已定義的顏色名, 或用 16 進位表示法來指定一個顏色, 可參考下面文章
[HTML基礎教學(4)--幫網頁加上顏色(上)]
[HTML基礎教學(4)--幫網頁加上顏色(下)]
[HTML基礎教學(6)--文字字型、顏色與樣式]
例如

<DIV style="color:red">這裡會是紅色</DIV>
<DIV style="color:#0000FF">這裡會是藍色</DIV>

另外, 它也支援另一種 10 進位的寫法

color:rgb(紅色10進位量值,綠色10進位量值,藍色10進位量值)

每個量值的範圍為 0~255, 其他觀念跟用 16 進位法一樣, 看看下面的例子

<DIV style="color:rgb(255,0,0)">這裡會是紅色</DIV>
<DIV style="color:rgb(0,255,0)">這裡會是綠色</DIV>
<DIV style="color:rgb(0,0,255)">這裡會是藍色</DIV>
<DIV style="color:rgb(150,150,150)">這裡會是灰色</DIV>

背景顏色

background-color:顏色值;

顏色值的寫法, 跟上面 color 的顏色值一樣, 例如

<DIV style="background-color:red">這裡背景會是紅色</DIV>
<DIV style="background-color:#8888FF">這裡背景會是淡藍色</DIV>
<DIV style="background-color:rgb(0,255,0)">這裡背景會是綠色</DIV>

--gs--
{CSS基礎教學}{CSS 顏色}{HTML 顏色}{16 進位法}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。