支援CSS1 以上

用法: color
說明:
color 文字顏色

css定義:

使用顏色英文名字來定義:
Red (紅色)
Green (綠色)
Blue (藍色)

例:
a{
color: blue;
}

使用RGB來配色定義:

R為 Red (紅色)
G為 Green (綠色)
B為 Blue (藍色)
RGB數值範圍:
R:0~255
G:0~255
B:0~255
如果不想配G、B 給0值


rgb(255,0,0);紅色
rgb(0,0,0) ;黑色
rgb(255,255,255) ;白色

例:
div{
color: rgb(012,150,150);
}

使用16進制(HEX)來配色定義:
#123456
從左第一個來解說:
# 定義為16進制
12 二個數值來定義 R 色盤值
34 二個數值來定義 G 色盤值
56 二個數值來定義 B 色盤值

HEX數值範圍:
每一個數值共有16種值:
0、1、2、3、4、5、6、7、8、9
A、B、C、D、E、F

#000000 黑色
#FF0000 紅色
#00FF00 綠色
#0000FF 藍色
#FFFFFF 白色

例:
p{
color: #11ffaa;
}
注意事項:
JavaScript 用法:
object.style.color="#0000FF"

程式:
<!DOCTYPE html>
<html>
<head>
<title>CSS color Property 套用樣式 文字顏色</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
a{
color: blue;
}
div{
color: rgb(012,150,150);
}
p{
color: #11ffaa;
}
</style>
</head>
<body>
<a href="#1">a Tag CSS color Property</a>
<div id="div1">
div Tag CSS color Property
</div>
<p>p Tag CSS color Property</p>
</body>
</html>

圖1:




測試結束~
如果還不了解可參考:w3schools CSS color Property



合法的顏色定義:
1、Hexadecimal colors
2、RGB colors
3、RGBA colors
4、HSL colors
5、HSLA colors
6、Predefined/Cross-browser color names

請參考:w3schools CSS Legal Color Values



各種顏色查表參考如下:

w3schools CSS Colors

w3schools CSS Color Names

HTML 顏色代碼 (十六進位值色碼)



感謝~

 




 






 















其它文章

arrow
arrow

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()