color: green; : color « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. color

color: green;

  

<!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>Next Sibling Selectors</title>
<style type='text/css'>
body {
    font: 12px sans-serif;
}
p {
    padding: 5px;
}
h1 + p {
    background: lightyellow;
    color: darkkhaki;
    border: 1px solid darkkhaki;
}
h1 + p + p {
    background: yellowgreen;
    color: green;
    border: 1px solid green;
}
</style>


    </head>
    <body>
        <h1>Next Sibling Selectors</h1>
        <p>
            The next sibling selector allows you to select an element based on
            its sibling.  
        </p>
        <p>
            This paragraph has a yellowgreen background and green text.
        </p>
        <p>
            This paragraph has no colored background, border, or text.
        </p>
    </body>
</html>








Related examples in the same category

1.'color' Example
2.color: rgb(255, 255, 255)
3.color: lime
4.color:black
5.Named colors
6.color: crimson;
7.color: forestgreen;
8.color: darkkhaki;
9.color: darkslateblue;
10.color: darkred;