Button Style for a tag using CSS

Now we are creating some buttons using CSS. Here I used CSS to anchor tag to make a button effect. Just copy and paste the script into a notepad and save as webtuter.html.

<style type="text/css">
.button {
font-family: Arial, Helvetica, sans-serif;
padding: 10px 75px;
margin: 0 20px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
}
.green {
border: solid 1px #3b7200;
background-color: #88c72a;
}
.violet  {
border: solid 1px #720000;
background-color: #6633CC;
}
</style>

<a href="#" class="button green">Green Button</a>
<a href="#" class="button violet">VioletButton</a>

Result

Green Button VioletButton