Links make the web go round and if you’re building a great website, you’ll have a lot of them.

Changing the colour of links is the prettiest way to style them and it’s easy to do.

First things first you need to understand the 4 different ‘states’ a link can be in:

• a:link – untouched, this is how it first appears
• a:visited – it’s been used! The user has previously clicked this link
• a:hover – tease the link with a hover over, not been clicked
• a:active – what happens as you click it (just before you’re swept away)

So now we use these in a CSS command like so:

a:link {
  color: #000000;
}

a:visited {
  color: #000000;
}

a:hover {
  color: #000000;
}

a:active {
  color: #000000;
}

You’ll just need to change the HEX codes to your colours of choice – and take note of the American spelling of ‘color’.

If you need a HEX code colour tool I recommend this one. It’s pretty sexy.

I also have a page on my favourite colour palettes if you’re looking for a quick and easy theme.