Resources
helping you along the way
Knowledge is the foundation of all wisdom...
Resources >> Web workshops >> CSS links
CSS Links
Just add this code in between the <head> </head> tags in your HTML page or into your external CSS stylesheet (minus the <style> tags):
<style type="text/css">
<!--
:link { color: rgb(0, 0, 153) } /* for unvisited links */
:visited { color: rgb(153, 0, 153) } /* for visited links */
:hover { color: rgb(0, 96, 255) } /* when mouse is over link */
:active { color: rgb(255, 0, 102) } /* when link is clicked */
--> </style>
The above CSS will cause your links to change color when someone hovers their
mouse pointer over it, instant rollovers with no images! One note with the
above code is that it is important that the style declarations be in the
right order: "link-visited-hover-active", otherwise it may break it in some
browsers.
