Different link text and underline colour with CSS

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; }