How to make buttons in css using links

Pluralsight courses
LinkedIn Premium uses PayScale to estimate job salaries

Premium (Not Free) Video Tutorials

Free Video Tutorials & Free Tools

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

 

Related posts:

  1. Links Example JavaScript (JS): HTML DOM Object Collections – Links Example JavaScript (JS) Links Example JavaScript (JS): HTML DOM Object Collections - Links...
  2. create a social network menu using html In this tutorial, we will show you how to...

Related posts brought to you by Yet Another Related Posts Plugin.

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

Powered by WP Hashcash

This blog uses the cross-linker plugin developed by Web-Developers.Net