Set text-decoration to none for visited anchor in HTML and CSS

Description

The following code shows how to set text-decoration to none for visited anchor.

Example


<!--from www  . j a  va  2 s .c  o m-->

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xml:lang="en">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<style rel="stylesheet" type="text/css">
#footer ul {
width: 1000px;
text-align: center;
}
#footer li {
display: inline;
list-style-type: none;
line-height: 44px;
}
#footer li a {
color: #574621;
text-decoration: none;
margin: 0 10px;
}
#footer li a:visited {
text-decoration: none
}
#footer li a:hover {
text-decoration: underline
}
</style>
</head>
<body>
<div id="footer">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">About our Hotel</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">Photogallery</a>|</li>
<li><a href="#">Testimonials</a>|</li>
<li><a href="#">Locations</a>|</li>
<li><a href="#">Contacts</a></li>
</ul>

</div>

</body>

</html>

Click to view the demo

The code above generates the following result.

Set text-decoration to none for visited anchor in HTML and CSS

Home »
  HTML CSS Tutorial »
    Text »
      CSS Text Style

...
Compare line-height:normal, 18px, 1.5em, 1....
Compare line height settings in HTML and CS...
Set font-size and line-height in HTML and C...
Set line height for a paragraph in HTML and...
Set line height to 1em in HTML and CSS
Set line-height to 1.4em in HTML and CSS
Set line height to 3em in HTML and CSS
Set line-height to 75% in HTML and CSS
Set line height with various measurements i...
Set paragraph line-height to 150% in HTML a...
Compare text-align all possible values in H...
Set text-align to center in HTML and CSS
Set text-align to justify in HTML and CSS
Set text align to justify to paragraph in H...
Set text-align to left in HTML and CSS
Set text-align to right in HTML and CSS
Compare text-decoration in HTML and CSS
Set text-decoration to line-through in HTML...

Set text-decoration to none for visited anc...

Set text-decoration to overline in HTML and...
Set text-decoration to underline in HTML an...
Set text-decoration to underline overline i...
Set text-decoration to underline overline l...
Compare text-transform in HTML and CSS
Set text-transform to capitalize in HTML an...
Set text-transform to lowercase in HTML and...
Set text-transform to uppercase in HTML and...
Compare all vertical-align settings in HTML...
Compare vertical-align possible values in H...
Compare vertical align values in HTML and C...
Set vertical align for table cells in HTML ...
Set vertical-align to 300% in HTML and CSS
Set vertical-align to 69px in HTML and CSS
Set vertical-align to baseline in HTML and ...
Set vertical align to bottom in HTML and CS...
Set vertical-align to middle in HTML and CS...
Set vertical-align to sub in HTML and CSS
Set vertical-align to super in HTML and CSS
...