a:hover color: yellow; : a.hover « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. a.hover

a:hover color: yellow;

     
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*KHAKI*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">

#navlist {
  padding: 0.5em 0;
  margin: 0 0 20px 0;
  text-align: left;
  letter-spacing: 5px;
  background: #BC5510;
}

#navlist li {
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a {
  padding: 0.5em 0.5em;
  margin: 0;
  color: #000;
  background: #BC5510;
  text-decoration: none;
}

#navlist li a:link,#navlist li a:visited {
  color: #000;
  background: #BC5510;
}

#navlist li a:hover {
  color: yellow;
  background: transparent url(img/menu_arrow.gif) bottom center no-repeat;
}

#navlist li a#current {
  color: #fff;
  background: transparent url(img/menu_arrow.gif) bottom center no-repeat;
}




</style>

</head>
<body>
  <div id="navcontainer">
    <ul id="navlist">
      <li><a href="">HOMEPAGE</a></li>
      <li id="active"><a id="current" href="">ABOUT</a></li>
      <li><a href="">GALLERY</a></li>
      <li><a href="">LINKS</a></li>
      <li><a href="">SERVICE</a></li>
      <li><a href="">CONTACT</a></li>
    </ul>
  </div>
</body>
</html>








Related examples in the same category

1.a:hover text-decoration:underline;
2.a:hover background-color:#ccffff;
3.a:hover, a:active text-decoration: underline overline;
4.Link visted hover
5.Link visted hover active
6.Link visted hover active focus
7.a:hover text-decoration:underline; background-color:#ccffff;
8.A link with a title attribute - hover over the link to see the tooltip appear
9.a:hover text-decoration: none;
10.a:hover color: #369;
11.a:hover background: inherit;
12.Update image while mouse hover
13.a:hover {color: red; text-decoration: underline;}
14.Anchor with solid background, and hover effect
15.anchor based mouse hover effect
16.Hover Anchor Style inside a LI
17.Change Anchor underline decoration when mouse hover
18.Change background position for anchor when mouse hover
19.a:hover color: #B29B35;