1. Home
  2. Computing & Technology
  3. Web Design / HTML

Styling a Notepad Created Web Page with CSS

By , About.com Guide

5 of 10

Making Your Links More Interesting

Making Your Links More Interesting

Making Your Links More Interesting

Jennifer Kyrnin

The default colors for links are blue and purple for unvisited and visited links respectively. While this is standard, it might not fit the color scheme of your pages, so let's change it. In your styles.css file, add the following:

a:link {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF9900;
  text-decoration: underline;
}
a:visited {
  color: #FFCC66;
}
a:hover {
  background: #FFFFCC;
  font-weight: bold;
}

I set up three link styles, the a:link as the default, a:visited for when it's been visited, I change the color, and a:hover. With a:hover I have the link get a background color and go bold to emphasize it's a link to be clicked.

Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML and XHTML
  5. Beginning HTML Tutorials
  6. Styling a Notepad Created Web Page with CSS

©2009 About.com, a part of The New York Times Company.

All rights reserved.