background-color: pink : background color « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. background color

background-color: pink

   


<!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 rel='stylesheet' type='text/css'>
body {
    background-color: yellow;
}

div#one {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(128, 128, 128);
    margin: 5px;
    float: left;

    background-color: pink;
}
     
        </style>
    </head>
    <body>
        <div id='one'></div>

    </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.If both digits are the same you could write just one, for example, #000000 for #000
7.background-color: yellow;
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