background-color · 跟老司機學CSS3

**background-color** * 描述：設置對象的背景顏色 * 版本：CSS1 * 繼承性：無 **語法** ``` background-color: 顏色值; ``` 顏色值種類 * transparent：默認。背景顏色為透明。 * color name：設置顏色值為顏色名稱的背景顏色，比如：red。 * hex number：設置顏色值為十六進制值的背景顏色，比如：#ffff00。 * rgb number：設置顏色值為 rgb 代碼的背景顏色，比如：rgb(255,255,0)。 * inherit：繼承父元素 background-color 屬性的設置。 **使用說明** 當同時定義了背景顏色 background-color 和背景圖像 background-image 時，背景圖像覆蓋在背景顏色之上。如果設置了背景圖像 background-image，推薦同時設置背景顏色 background-color ，當背景圖像不可見時，使背景與文本顏色有一定的對比度。 **代碼示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>background-color</title> <style> #container{ width: 400px; height: 400px; background-color:rgb(0, 255, 255); } </style> </head> <body> <div id="container"> </div> </body> </html> ``` 上面我們使用了 rgb 方式確定顏色值，同樣可以使用顏色名稱及十六進制的方式使用顏色名稱 `background-color:Cyan;` 使用十六進制 `background-color:#00FFFF;`