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;`