Sams Teach Yourself CSS in 10 Minutes

Styling the <a> Element

Hyperlinks have no real value on a printed page. To make links appear the same as all other content, you could set the color to #000 and then turn off underlines with text-decoration: none; as shown in Listing 20.13. The final result can be seen in Figure 20.5.

Listing 20.13. CSS Code for Styling the <a> Element

body { font: 100% georgia, times, serif; background: #fff; color: #000; } h1 { border-bottom: 1px solid #999; margin-bottom: 1em; } #nav { display: none; } #footer { border-top: 1px solid #999; text-align: right; margin-top: 3em; padding-top: 1em; } a { color: #000; text-decoration: none; }