HTML & CSS Snippets
Name:CSS Mouseover Effect
Description: Mouseover effect using CSS.
Code below...
<!-- Put the CSS style code between your header tags --> <style type="text/css"> <!-- /* This is the CSS code, edit anything to your likings */ #links { font: 12px tahoma,verdana,arial,sans-serif; color: #000000; } #links ul { list-style: none; margin: 0; padding: 0; } #links ul a { display:block } #links ul a:hover { text-decoration: none; background: #E5E5E5; color: #879BAF; } --> </style> <!-- Now to use the mouseover effect you can look at the code below for better understanding --> <div id="links"> <ul> <li><a href="somelinkhere">Blah</a></li> <li><a href="somelinkhere">Blah</a></li> <li><a href="somelinkhere">Blah</a></li> </ul> </div> <!-- Thats just a quick and easy example, its up to you to make it even look better -->