• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 20. Styling a Page for Print > Styling the <a> Element

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;
}


					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint