background-color: yellow; : background color « CSS « HTML / CSS






background-color: yellow;

   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>background-color</title>
<style type='text/css'>
body {
    background-color: pink;
    line-height: 32px;
}
span {
    border: 1px solid rgb(0, 0, 0);
}
span#keyword {
    background-color: yellow;
}
span#rgb {
    background-color: rgb(200, 0, 0);
    color: #fff;
}
span#hexadecimal {
    background-color: #000000;
    color: #ffffff;
}
span#short-hex {
    background-color: #fff;
    color: #000;
}
span#transparent {
    background-color: transparent;
}
</style>
    </head>
    <body>
        <p>
            <span id='keyword'>color keyword</span>,
            <span id='rgb'>RGB value</span>, 
            <span id='hexadecimal'>hexadecimal value</span> 
            <span id='short-hex'>short hexadecimal</span> 
            <span id='transparent'>transparent</span>
        </p>
    </body>
</html>

   
    
    
  








Related examples in the same category

1.'background-color' Example
2.background-color: lightgray;
3.background-color: transparent
4.background-color: #ffffff
5.background-color: rgb(200, 0, 0)
6.background-color: pink
7.If both digits are the same you could write just one, for example, #000000 for #000
8.background-color: #000000;
9.background-color: #fff;(short hex)
10.background-color: transparent;
11.Dark Red Background
12.body background color
13.Use background-color:transparent for a transparent background color.
14.Set background to black
15.background-color:white; assigns the constant value white to the background-color property.
16.background-color:rgb(100%,100%,100%); assigns the CSS function rgb() to background-color.
17.background-color:rgb(255,255,255); assigns white to the background-color.
18.background-color:WindowInfoBackground; assigns the operating system color WindowInfoBackground to background-color.
19.Use background color to highlight DIV section
20.Background color matching for different building blocks
21.Use background color as the divider
22.background-color: white