CSS Library: Links & Buttons: Here
CSS Square buttons
Author: Dynamic Drive
These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image's height.
For your convenience, we've created 5 different colored square buttons to get you on your way!
Demo:
The images used: Choose the desired set to download (2 images total):
Gray squares (2 images): 
Green squares (2 images): 
Orange squares (2 images): 
Blue squares (2 images): 
Red squares (2images): 
The CSS:
