We could have more than one color schemes, by setting up a class system on the page.

<STYLE TYPE="text/css">
a.dog:link { color: blue; text-decoration: none }
a.dog:active { color: red; text-decoration: none }
a.dog:visited { color: blue; text-decoration: none }
a.dog:visited { color: green; text-decoration: underline }
</STYLE>

<STYLE TYPE="text/css">
a.tree:link { color: yellow; text-decoration: none }
a.tree:active { color: green; text-decoration: none }
a.tree:visited { color: orange; text-decoration: none }
a.tree:visited { color: red; text-decoration: underline }
</STYLE>

In the above examples, I have used four of the most common Style Sheet commands. Most of them are self explanatory.

  ...go back