The Demo

Question

Do you like the buttons below?

Your Answer



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.