Set different anchor link style for navigation and content : Anchor class : Basic Tags HTML CSS TUTORIALS


HTML CSS TUTORIALS » Basic Tags » Anchor class »

 

Set different anchor link style for navigation and content


 

<!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">
<head>
<title></title>
<style type="text/css">
/* navigation link design */
#nav a:link {
 color: blue;

#nav a:visited {
 color: purple;
}
/* content link design */
#content a:link {
 color: white;

#content a:visited {
 color: yellow;
}

</style>
</head>

<body>

<div id="nav">
    <ul>
    <li><a href=" ">V</a></li> 
    <li><a href=" ">S</a></li>
    <li><a href=" ">T</a></li> 
    <li><a href=" ">P</a></li> 
    </ul>
</div>

<div id="content">
<p>Text<a href=" ">link</a>, between, <a href=" ">link</a> after.</p>
  
</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Basic Tags
» Anchor class