CSS樣式顏色屬性的使用技巧

我們為大家收集整理了關於CSS樣式顏色屬性的使用，以方便大家參考。

css可以處理16,777,216顏色，可以使用名字、rgb值或十六進制代碼。

red紅色

等同於

rgb(255,0,0)

等同於

rgb(100%,0%,0%)

等同於

#ff0000

等同於

#f00

有17個預先確定的顏色，它們是：

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,

olive, orange, purple, 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: #ffc;

background-color: #009;

}

你可以看到h1已經變成黃色和藍色。

color和background-color可以使用在絕大部分html元素，包括body。

希望大家可以學會CSS樣式顏色屬性的使用想了解更多精彩內容，請關注我們的網站!

相關推薦：

CSS簡寫方法是什麼呢