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

Chapter 6. Navigation > Working with Link Styles

Working with Link Styles

One constant of the Web is that hypertext links are underlined. While you can use CSS to turn underlining off for links, many Web designers avoid doing this because they know that this might confuse their visitors. Yet lots of underlined links on a page can look messy and add a lot of visual noise. Part of the problem is that the line under a link is automatically the exact same color as the linked text. But it doesn’t have to be this way. Using CSS borders and backgrounds, you have a variety of ways to create link styles that will enhance your designs rather than detracting from them.

Custom underline colors

By default, all hypertext links include the underline style. While you can turn this off using CSS, you can also use the CSS border property not only to specify the underline color, but also to change the line pattern (dotted, dashed, double, and so on), and even to have different colors or patterns for the different link states (link, visited, hover, and active).


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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