## Pseudo Classes

- a:link
- a:visited
- a:hover
- a:active

Example 10.34
Example 10.34 Source:
<div><a href="http://www.npr.org/" shape="rect" >National Public Radio</a></div> <div><a href="http://www.cnn.com/" shape="rect" >Cable Network News</a></div> <div><a href="http://www.foxnews.com/" shape="rect" >Fox News</a></div> <div><a href="http://www.abcnews.com/" shape="rect" >ABC News</a></div> <div><a href="http://www.economist.com/" shape="rect" >The Economist</a></div>
In style element (`<style type="text/css">`) within head element:
div {margin: 0.5em; } a {margin: 0.25em; padding: 0.25em;} a:link { text-decoration: none; color: blue; background-color: white; } a:visited { text-decoration: none; color: green; background-color: silver; } a:hover { text-decoration: none; color: white; background-color: blue; } a:active { text-decoration: underline; color: red; background-color: yellow; }
Example 10.34 Rendered:

- With Styles
- Without Styles