anchor style for removing the underline : Anchor : Basic Tags HTML CSS TUTORIALS

HTML CSS TUTORIALS » Basic Tags » Anchor »

anchor style for removing the underline


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Working with Style</title>
<style rel="stylesheet" type="text/css">

h2 {
font: bold 1.2em Verdana, Arial, sans-serif;
color: #666699;
background-color: transparent;
}
img {
border: none;
}
a:link {
color: #0099CC;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #0077aa;
background-color: transparent;
text-decoration: none;
}
a:active {
color: #0099cc;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: #0077cc;
background-color: #eeeeee;
text-decoration: none;
}
</style>
</head>
<body>
<div id="content">
<h3>Quotations</h3>
<p>this is a test</p>

</div>
<div id="right">
<p>Navigate:</p>
<p><a href="index.html">Home</a><br />
<a href="news.html">News</a><br />
<a href="about.html">About</a><br />
<a href="contact.html">Get in Touch</a></p>
</div>
</body>
</html>