Alt text

定义

background-color属性设置一个元素的背景颜色。

注意：元素的背景是元素的总大小，包括填充和边界（但不包括边距）。

语法

background-color: color|transparent|inherit;

属性值

值	说明
color	指定背景颜色。
transparent	指定背景颜色应该是透明的。(默认)
inherit	指定背景颜色。(从父元素继承)

注意：color有三种表示法，具体使用情况参看下方代码。

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>
    <style>
        body
        {
            /*命名颜色法*/
            background-color:red;
        }
        h1
        {
            /*十六进制颜色法*/
            background-color:#00ff00;
        }
        p
        {
            /*RGB颜色法*/
            background-color:rgb(0,0,255);
        }
    </style>
</head>
<body>
   <h1>鱼C工作室</h1>
   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore eos, explicabo ipsam modi natus quibusdam rem suscipit. Alias architecto ea eius hic illo incidunt iste natus nemo reprehenderit, sint veniam.</p>
</body>
</html>

Alt text

红色为body背景色，绿色为h1标签背景色，蓝色为p标签背景色

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	4.0