How to make buttons in css using links

I Discovered a new way to create buttons in webpage using links and css

So what we will do in this tutorial is that we will make a link and style it as a button .

So first create a link

<code>

<a href=http://www.idealprogrammer.com > Idealprogrammer </a>

 

</code>

Now we will style this a tag with css

<code>

a {

padding:5px;

 text-decoration:none;
    

 background-color:#0CF;
 border:1px solid #F00;

</code>

Note that you can also sue background-image isntead of background-color to enhance your button .

We used the text decoration:none; to remove that underline which is enabled by default in links in html document .

Then we also made a 1px red color border and we gave it padding 5px too .

If you liked this article please provide us feedback and give suggestions at idealprogrammer forums