Link Style With CSS


Color and Background Link

Links
can also be replaced colors and background. Now we will create links with black and when the mouse goes to the link, link text color will change to red and black background. Make the script as follows.


<html>
<head>
<title>Color and Background Link</title>
<style type="text/css">
body {font-family:Verdana; font-size:16px;
      text-align:center; font-weight:bold;}
a:link { color:#000000;}
a:visited { color:#000000;}
a:active { color:#000000;}
a:hover { color:#FF0000;background-color:#000000;}
</style>
</head>
<body>
<p><a href="#">HOME </a></p>
<p><a href="http://tophtml.blogspot.com/about.html">ABOUT </a></p>
<p><a href="http://tophtml.blogspot.com/contact.html">CONTACT </a></p>
</body>
</html>

Color and Background Link: to make a little change in style, obtained by the various forms such as link and background color as desired.

0 comments:

Post a Comment