color : color : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS

HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » color »

color


 





<html>
<head>
<title></title>
<style type="text/css">

h1 {font-family: arial;  color: navy;
    background-color: yellow;}

h1.red {font-family: "Times New Roman";
        color: red;
        background-color: black;}

h1.white {font-family: "Times New Roman";
          color: white;
          background-color: green}

h1.lime {font-family: arial;
         font-style: italic;
         color: lime;
         background-color: olive}

p.blackback {font-family: arial;
             font-style: italic;
             font-weight: bold;
             color: powderblue;
             background-color: black;}

p.yellowbk {background-color: yellow;
            font-size: 16pt}

p.red {font-weight: light;
       color: #ff0000;
       text-align: center;
       font-size: 32pt;}


</style>
</head>
<body>
<p><h1>basic headline.</h1></p>

<p><h1 class="red">red headline.</h1></p>

<p><h1 class="white">my white headline.</h1></p>

<p><h1 class="lime">my lime headline.</h1></p>

<p class="blackback">a sample of the blackback style.</p>

<p class="yellowbk">how yellowbk looks.</p>

<p class="red">red, centered font.</p>

<p>An unmodified paragraph.</p>


</body>
</html>