CSS Library: Links & Buttons: Here
CSS Oval 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 oval shaped CSS buttons, similar to CSS Square 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 ovals buttons to get you on your way!
The images used: Choose the desired set to download (2 images total):
Gray oval (2 images):
Blue oval (2 images):
Green oval (2 images):
Red oval (2 images):
Orange oval (2 images):