background: lightblue : color « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. color

background: lightblue

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title></title>
            <style type='text/css'>
                span {
                  background: lightblue;
                }
                span.valign {
                  font-size: 16px;
                    color: white;
                    background: steelblue;
                    font-weight: bold;
                }

            </style>
        </head>
        <body>

            <p>
                <span>
                    If Peter Piper picked a peck of 
                        <span class='valign'>pickled</span> 
                    peppers,
                </span>
            </p>

        </body>
    </html>








Related examples in the same category

1.Colors
2.Hexadecimal Colors
3.RGB Colors
4.RGB Colors with percentage
5.color: #333333
6.color: blue;
7.color:red
8.color:black; assigns the constant value black to the color property.
9.Use #fff for #ffffff
10.Change color with Javascript
11.CSS Color Chart
12.Browser-Safe Color Chart
13.The Sixteen Basic Colors
14.User-Interface Color Keywords
15.rgb color
16.rgb color with percentage