Here's a cool collection of free CSS3 buttons for your personal use, in beautiful vibrant colors that will accentuate your site. Not only are these buttons very lightweight, they use no images and are very easy to add to your website pages!
Firstly, you need to download the CSS style sheet file, unzip it and place it in your root folder or a subfolder, where you keep your CSS files in i.e. 'www.your-website.com/css/butttons.css.' Next, add the path link to this css file at the top of your html file, between the head tags:
<link href="css/buttons.css" rel="stylesheet">
Lastly, in your html document, insert the style for button in the html markup. There are various styles for the buttons, i.e. rectangle, round, default, medium, large and extra large. The styles for the colors are 'green, purple, orange, blue and yellow'.
The html markup coding for the various styles and combinations are given below each button category. Just copy and paste, simple!