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 -->

« Back to HTML & CSS Snippets

Home | Site Map | Privacy Policy | Advertising | Contact Us
Copyright © 2006-2014 r2xDesign.net - All Rights Reserved.
eXTReMe Tracker