支援CSS1 以上
用法： background-color
說明：
background-color 背景顏色
css定義：
使用顏色英文名字來定義：
Red (紅色)
Green (綠色)
Blue (藍色)
例：
a{
background-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{
background-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{
background-color: #11ffaa;
}
注意事項：
JavaScript 用法:
object.style.backgroundColor="#00FF00"
程式：
<!DOCTYPE html>
<html>
<head>
<title>CSS background-color Property 套用樣式 不透明度</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
body{
background-color: blue;
}
div{
background-color: rgb(012,150,150);
}
p{
background-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 background-color Property
各種顏色查表參考如下:
CSS Colors
HTML 顏色代碼 (十六進位值色碼)
感謝~
其它文章
沒有留言:
張貼留言