css background-color屬性
翻譯結果:
background
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]
n.(畫作等的)背景;底色;背景資料;
##複數: backgroundscolor
英['kʌlə(r)] 美[ˈkʌlɚ] n.<美麗; >顏色,色彩;膚色,臉色,血色;顏料,染料;本質v.<美>給…塗顏色;改變…的顏色;粉飾,渲染,使帶上色彩;臉紅第三人稱單數: colors 複數: colors 現在分詞: coloring 過去式: colored 過去分詞: coloredcss background-color屬性語法
background-color屬性怎麼用?
background-color屬性用來設定元素的背景顏色(純色),語法為:background-color:顏色值。這種顏色會填滿元素的內容、內邊距和邊框區域,擴展到元素邊框的外邊界(但不包括外邊距)。
作用:設定元素的背景顏色。
說明:background-color 屬性為元素設定一種純色。這種顏色會填滿元素的內容、內邊距和邊框區域,擴展到元素邊框的外邊界(但不包括外邊距)。如果邊框有透明部分(如虛線邊框),會透過這些透明部分顯示出背景色。
註解:任何版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。
css background-color屬性範例
<html> <head> <style type="text/css"> body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {background-color: gray; padding: 20px;} </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落</p> <p class="no2">这个段落设置了内边距。</p> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例