Search the blog

If you want to set your links to have a different text and link colour you can do this via CSS without using the border property. Though if you want to increase the space between the text and the underline you will need to use border and padding.

Simply use these properties:

a {

	color: black;
	text-decoration-color: grey;
	text-decoration-thickness: 0.2em;


a:hover { text-decoration-color: black; }
Tim Bennett is a freelance web designer from Leeds. He has a First Class Honours degree in Computing from Leeds Metropolitan University and currently runs his own one-man web design company, Texelate.