關於指定顏色的方式可以有以下幾種:
RGB或RGBA:
透過紅藍綠的組成來表現色彩。例如:rgb(100,100,90)
rgba則是多了一個不透明度(alpha),這個屬性在CSS3之後加入,數值介於0.0~1.0。例如:rgba(100,100,90,0.5)
HEX碼:
以一個#字號為開頭,接著六位數的碼來組成的色碼。例如:#ee3e80
顏色名:
使用瀏覽器預設的顏色名稱。例如:DarkGray
HSL、HSLA屬性:
這個屬性為CSS3加入的顏色屬性,使用方法為hsl或hsla為開頭,緊接著是放在括弧內個別的數值,依序為色相、彩度、明度、不透明度(alpha,若需要此數值,開頭使用hsla,不需要則使用hsl)。例如:hsla(0,100%,100%,0.5)
opacity不透明度:
在CSS3中加入了這個屬性,作用是用來指定標籤及所有子標籤的不透明度,數值介於0.0~1.0之間,例如 opacity: 0.15 即為15%的不透明度。
關於顏色數值的取得,可使用美工軟體(例如illustrator、CorelDraw、photoshop)檢視並取得,也可參考網路上眾多的選色器並獲取數值,例如Colors Tutorial。
color: 此屬性可指定標籤內部的文字顏色。
background-color:css將每個HTML標籤視為獨立的方框,這個屬性就是用來指定該方框的背景色。
書籍:HTML&CSS 網站設計建置優化之道