Setting hyperlink colors

In modern visual browsers, a hyperlink can be displayed in any of three or four different colors at a given time. The normal color, blue by default, is used when a link has not yet been opened in the current browser session. A link’s color changes to the visited color, purple by default, once it has been opened. The active color, red by default, is used in different ways by different browsers: Internet Explorer uses it for the link that has “focus”—that is, the link that will be opened when the user presses the Enter key; while Firefox, Netscape, and Opera use it for a link that is in the process of being clicked. The hover color, which may or may not defined by default, is used for the link that is currently under the mouse pointer (without the mouse button being pressed).

Namo Web Editor icon browser note Setting hyperlink colorsNetscape 4.x does not support the hover color.

You can override any or all of the default link colors at various levels:

  • At the individual link level, you can set a single color for a specific link. The same color will be used regardless of the link’s state (normal, visited, active, or hover).
  • At the document level, you can specify different normal, visited, and active colors that affect all the links in a particular document. (However, you cannot specify a hover color at this level.)
  • At the style sheet level, you can specify different normal, visited, active, and hover colors that affect all the links in all the documents that use a particular style sheet.

Namo Web Editor icon note Setting hyperlink colorsIf you specify link colors at both the document level and the style sheet level, the browser will give priority to the style sheet colors (assuming the browser supports style sheets). If you specify a single color for a specific link, it will override all colors specified at other levels.

To specify a single color for a specific link
  1. Select the link. Do not, however, select any adjacent content.
  2. On the Home menu, go to Font, and then click the triangle on the Namo Web Editor button font color Setting hyperlink colors (Font Color) button and select a color.
To specify colors for all links in the current document
  1. On the Document menu, go to Document, click Document Properties, and then click the Appearance tab.
  2. To specify the normal link color, click the Hyperlinks color box and select a color.
  3. To specify the visited link color, click the Visited links color box and select a color.
  4. To specify the active link color, click the Active links color box and select a color.
To specify link colors in a style sheet
  1. On the Home menu, go to Style, and then click Define Styles.
  2. Click Namo Web Editor button add style Setting hyperlink colors (Add).
  3. Under Style type, click Other.
  4. Click the triangle on the Name box and select one of the following:
    • :link to define the normal link color
    • :visited to define the visited link color
    • :active to define the active link color
    • :hover to define the hover link color
  5. Click OK.
  6. Click the Font color box and select a color.
  7. Repeat steps 2 – 6 for each link color you want to define.
  8. (optional) If you want to save the style sheet externally so that you can use it with other documents, click Namo Web Editor button save as external file Setting hyperlink colors (Save As External File), navigate to the desired folder, enter the desired file name, and click Save.
  9. Click OK.

Namo Web Editor icon tip Setting hyperlink colorsYou can change the default normal, visited, and active link colors for new documents on the Browser Defaults tab of the Preferences dialog box.

Related topics

Selecting colors

Setting character-related properties

Using style sheets

Setting hyperlink colors