CSS background-color 套用樣式 背景顏色
支援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 顏色代碼 (十六進位值色碼)



感謝~

 












其它文章


arrow
arrow
    文章標籤
    css 用法 color background 測試 定義 數值 二個 進制 目錄 property
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄