Basic Web Design Tutorial Part 13

Styling Links

Here’s example 14 (opens in a new window) and the CSS file.

OK, notice on the left hand side that the links have changed in style. The underline has gone but if you roll the mouse over them it reapppears.

A {
text-decoration: none;
}
A:hover {
text-decoration: underline;
}

Remember that A was the anchor tag, used to make links.

Be careful using this, make sure it’s really obvious to users where your links are.

And that’s it. Here’s the finished page. You now should know how to do everything to make pages like this.

Share this:
Share this page via Email Share this page via Stumble Upon Share this page via Digg this Share this page via Facebook Share this page via Twitter

Leave a Comment