# Formatting Hyperlinks

**TIP**: Don't forget the tag for  hyperlink is `<a>`

### Hyperlinks have several  states of being

* a.link : a normal, un-visited link
* a.visted: a link the user has visited before
* a.hover: a link when the mouse is hovering over it

```
/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
  background-color: yellow;
}


```

The ORDER here matters - so just program them in this order. You can of course add other font elements&#x20;

Now add a link to mcpss.com in your html pad and try it out!

