CSS background-color用法及代码示例

CSS中的background-color属性用于指定元素的背景色。背景用填充和边框覆盖元素的总大小，但不包括边距。它使文本对用户来说很容易阅读。

用法:

element {
    background-color property
}

属性值：

颜色：

用法:

element {
    background-color:color_name;
}

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>background-color property</title> 
        <style>  
            body { 
                text-align:center; 
                background-color:green; 
            } 
            h1 {  
                color:white; 
                background-color:blue; 
            }  
            h2 { 
                color:white; 
                background-color:black; 
            } 
        </style>  
    </head> 
    <body>  
        <h1>Geeksforgeeks </h1>  
        <h2>background-color:color_name;</h2>      
    </body>  
</html>

输出：

透明：这是默认值。它指定透明的背景色。

用法:

element {
    background-color:transparent;
}

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>background-color property</title> 
        <style>  
            body { 
                background-color:transparent; 
                text-align:center; 
            } 
            h1 {  
                background-color:transparent;  
            }  
            h2 { 
                background-color:transparent; 
            } 
        </style>  
    </head> 
    <body>  
        <h1>GeeksforGeeks</h1>  
        <h2>background-color:transparent;</h2>      
    </body>  
</html>

输出：

initial：用于设置默认值。它不设置背景色。

用法:

element {
    background-color:initial;
}

继承：它是从其父项继承背景色。

支持的浏览器：css background-color属性支持的浏览器如下：

Chrome 1.0
Internet Explorer 4.0
Firefox 1.0
Opera 3.5
Safari 1.0

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 CSS | background-color Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。