How to have more than one color in hypertext underlines?

You can use CSS to set the color for hypertext links, with a different color for links that you have yet to follow, ones you have followed, and the active color for when the link is being clicked. You can even set the color for when the mouse pointer is hovering over the link.

  :link { color: rgb(0, 0, 153) }  /* for unvisited links */
  :visited { color: rgb(153, 0, 153) } /* for visited links */
  :active { color: rgb(255, 0, 102) } /* when link is clicked */
  :hover { color: rgb(0, 96, 255) } /* when mouse is over link */

Another easy way to is to suggest different colors is to assign classes to the CSS anchor pseudo-class, such as:

      	a.important:link 
	{
	color: red;
        background: white;
        text-decoration: none;
	}
      a.onsite:link 
	{
	color: blue;
        background: white;
        text-decoration: none;
	}
      a.internal 
	{
	color: green;
        background: white;
        text-decoration: none;
     }

Then, simply call them out in the html with: <P><A CLASS="important" HREF="http://www.programmersheaven.com” "> Programmers heaven site</A></P> <P><A CLASS="onsite" HREF="anchors.html">This document</A></P> <P><A CLASS="internal" HREF="#links">Links</A></P>

Back

 

Advertisement

Free Magazine