From virtualMV2015wiki
Jump to: navigation, search



Icon Objective.png


By the end of this page you will be able to:

  • demonstrate how you can have diifferent hyperlink colors on the same page

Different hyperlink colors in the same page

Kirupa(2004)[1] describes the following technique to display different hyperlink colours on the same page.

Make a separate class for the links

  <a href="#">normal orange link</a>
  <a href="#" class="green">special green link</a>

Example css:

 a:link, a:visited { color: #666; text-decoration: none; }
 a:hover, a:active { color: #f90; text-decoration: underline; }, { color: #060; }, { color: #0c0; }

Icon References.png References

  1. Kirupa(2004). CSS: Different hyperlink colours in different places. Retrieved October 20, 2008, from

HTML/XHTML:CSS format. (2017). In virtualMV's ( Michael Verhaart ) wiki. Retrieved December 13, 2017, from    (zotero)