Answers Search Help
Boston University home page
Dreamweaver: Styles and Behaviors
 
 
    CSS Styles
 
 
 
 
 
 
 
 
 
    Behaviors
 
 
 
 
 
    Also See
   
   
   
   

Text Link Styles using CSS Selectors

CSS selectors alter the appearance of your links. To use a CSS selector, simply follow the same procedures you would use to create a custom style but select Use CSS Selector from the New Style dialog box.

Your options for CSS selectors allow you to specify the appearance of links under 4 different conditions:

  1. Formatting of link text (a:link).
  2. Formatting of link text the visitor has already clicked (a:visited).
  3. Formatting of link text while the visitor clicks it (a:active).
  4. Formatting of link text while the mouse hovers over the link (a:hover).

Three of the CSS Selectors are very similar to the link specifications you can use in the <BODY> tag: link, vlink, and alink all specify link colors. You can do the same with CSS Selectors and save yourself the trouble of specifying your link colors in every <BODY> tag on every page.

The a:hover option in CSS Selectors allows you to change the colors, add highlighting, and add or remove underlines when the mouse is hovering over a link. This effect is similar to adding the javascript swap image behavior, but in this case, the behavior works on your text links.

Note: The a:hover CSS selector does not work with Netscape 4.x.

 

WebCentral Using Publishing Learning Training Consulting WebCentral
Answers Search Help
NIS  |  OIT  |  Boston University  |   January 9, 2007