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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。