'background-color' Example : background color « CSS « HTML / CSS






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

'background-color' Example

  
    
<html>
<head>
</head>
<body>
<div style="background:blue url(http://www.java2s.com/style/logo.png) repeat top left; 
            width:200; 
            border:3; 
            height:150; 
            font-size:14"></div>
            <br><br><br><br><br><br><br><br><br>
<div style="background-color:red; 
            background-attachment:fixed; 
            background-image:url(http://www.java2s.com/style/logo.png); 
            background-repeat:repeat; 
            background-position-x:top; 
            background-position-y:left; 
            width:200; 
            border:3; 
            height:150; 
            font-size:14">
            
            background-color is red.
            </div>
</body>
</html>








Related examples in the same category

1.background-color: lightgray;
2.background-color: transparent
3.background-color: #ffffff
4.background-color: rgb(200, 0, 0)
5.background-color: pink
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