css當中,好多地方都會用到color屬性,用來讓html內容豐富多彩,例如:background-color;border-color;
第一種
表示法使為直接寫顏色的英文,例如:blue(藍色),red(紅的),總共可以表示17種顏色(這裡不一一舉例,沒意義!)
css範例:
body{ padding: 0px;">
第二種
#表示方法為黃色,綠色,藍色的值設定color的值。個值是red的值,第二個值是綠色的值,第三個是藍色的值,(每個值範圍在0~255之間)。
body{ background-color:rgb(100,100,100)};第三種
表示方法為用黃色,綠色,藍色的值的百分比設定color的值。第四種表示方法是使用顏色的十六進位值設定color的值;十六進位顏色表示以#開頭0123456789abcdef 分別表示0~16的數字,#後面第一、二位數
表示紅色的數值,三、四位數表示綠色的數值,最後兩位數字表示藍色的數值,
例:#cc0066;cc表示紅色的部分,00表示綠色部分,66表示黃色部分。 green部分的值,藍色部分的值為6*16+6=112;112就是blue的值
也許還會出現例如#c06這樣的顏色表示方法,這是因為紅色、綠色、藍色部分的兩個值相同,其值為#cc0066,#c06為他的縮寫形式;#a這種表示
#方法是因為所有的六個值都相等,其值為#aaaaaa ,#a是其縮寫;#ccc表示的也是#cccccc,十六进制色标是6位,1和2同 , 3和4同 , 5和6同 才能缩写
#00ffee ==> #0fe
#0effed ==> #0efed
注意:字母不区分大小写, 但是一般都用小写
body{ background-color:#21439c};
# 現在最常用的是第四種方式,因為表示法比較簡單。
ps 我覺得在開發過程中沒必要知道顏色的值顯示怎樣的顏色,因為這太難了,可以藉助某些工具輔助顏色值得選擇。
以上是CSS中color的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!