Css underline color is different then font color

[Total: 0    Average: 0/5]

This shows how to use style properties to have a links underline be a different color than the font color.

Head Code:

<style>
a:link {text-decoration:none; font-family: san serif; font-size:14px; color: #00008B; }
a:visited { text-decoration:none; font-family: san serif; font-size:14px; color: navy;  }
a:hover { text-decoration:none; font-family: san serif; font-size:14px;  color: #00008B; border-bottom:1px solid crimson}
</style>

Body Code:

<p><a href="http://fun.bivol.net">Fun Zone</a></p>
<p><a href="http://www.bivol.net/~sparkhawk">SparkHawk</a></p>
<p><a href="http://www.js-examples.com">JS-Examples.com</a></p>

Times Viewed: 1

Leave a Reply

Your email address will not be published. Required fields are marked *