Colour Underline Links

>> Use HTML / CSS to make the underline colour of your link different to the text

RESOURCE ADDED ON MONDAY 01 MAY 2006, 10:23:55

Category: HTML

Language(s): HTML, CSS

Description: Use HTML / CSS to make the underline colour of your link different to the text

The code is listed below; click on it to download the code as a text file.

<style media="all">
.textcolour {

color: #333333;

}

a {

color: #333333;
text-decoration: none;

}

a:hover {

color: #006699;
text-decoration: underline;

}

</style>


<div><a href="#"><span class="textcolour">This is a link</span></a>.</div>

This code has been downloaded 846 time(s) and viewed 7483 time(s).

Back to Resources
Back to Code
Back to HTML

Credits

This resource was written by Tim Bennett Bsc (Hons). Tim Bennett has a First Class Degree in Multimedia Systems Computing from Leeds Metropolitan University. He works as a freelance multimedia developer under the company name Texelate creating free and commissioned high-quality multimedia solutions. Find out more by visiting the portfolio section and viewing his blog. If you'd like to request a resource get in touch!