The Demo


Do you like the buttons below?

Your Answer

Ok, tell me later

About This Demo

This demo shows how you can use one image as the background for lots of buttons.

The 3 buttons above all use this one image:

CSS is used to set the background-position of each button to move the image around.

Why? Because using 1 image file instead of 3 means the page loads quicker!

Note: The buttons themselves are just normal INPUT elements. View Source to see the CSS used to make them look more button-like.