It’s Called Web Design

If you have an image and you want to use CSS to make a hover, here’s how.
This code simply changes the border color, but you can change the CSS to make the hover do anything you want.

img {border: 1px solid #c5c5c5;}
img:hover {border: 1px solid #000;}

Click HERE for an example.

If you have the code inside a div (i.e. picture), you can add that id before the code.

#picture img {border: 1px solid #c5c5c5;}
#picture img:hover {border: 1px solid #000;}

Tags: border, CSS, hover, image, img

This entry was posted on Friday, October 3rd, 2008 at 9:54 am and is filed under CSS, Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.