CSS Examples

Highlight Image onMouseover (border) Posted on: 09/17/2004
Using the CSS puesdo class "hover:", this example demonstrates applying a border to any image link when the mouse moves over it.

CSS Drive vertical menu links Posted on: 09/14/2004
Vertical menu links with an image rollover, achived by changing its background image.

CSS Drive horizontal menu buttons Posted on: 09/12/2004
This is the same horizontal menu used here on CSS Drive. It dressed up regular <a> elements to be 2-state rollover menu buttons. The combination of "display: block" and "float: left" makes this possible.

Fixed and centered background image Posted on: 09/06/2004
This example demonstrates using CSS to create a watermark background image, whereby the image is centered and non repeating on the page.