Just an hour back, I was developing a form and using CSS I have given some border colors to all the respective fields when coming to a button if you apply CSS styles to Buttons some what it looks wired. So started searching for the same, my intension was to make the form look good using CSS. After searching, I found one good resource online, really it is a very good online resource to learn and implement.

The article reads like this - Scalable CSS buttons Using PNG and Background Colors

In the above article from DAVID, he has explained the things clearly, the buttons has got

• Full scalability in all directions
• The use of one single png image for the button without overlapping
• The possibility to change background colors behind the image (also on hover)
• Super-clean HTML markup
• Unobtrusive javascript for altering the DOM
• Pure CSS for styling
• Possibility to style anchors as well as form buttons
• Full degradability for browsers without images or javscript

If you would like to see the demo of the same, here is the link for the same - Scalable CSS Buttons

This is awesome right, I thought to share this with you! enjoy!