Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.

Thread: 

How to creat CSS Button?

Ads
banner
banner
banner
ivan Offline referral

Posts: 713
Joined: Jul 2013
Reputation: 6

#1
Senior Member
I know there is an easy way to create css or HTML button by simply using one of those "css button generator" tools but I wan to learn how to do it myself. How to create a css button with css style and everything?
maya Offline referral

Posts: 1,058
Joined: May 2013
Reputation: 34

#2
Posting Freak
CSS button is nothing more than HTML a href attribute with a bit of css style to make it look like a button! Try this one that I've quickly made just change style!

Add this to your <body> tag:

PHP Code:
<class="mybutton" href="URL">CSS Button Text</a

Add this to your <head> tag or to your css style sheet:

PHP Code:
<style type="text/css">
.
mybutton {
    
backgroundnone repeat scroll 0 0 #009933;
    
border-radius5px;
    
color#FFFFFF;
    
padding2px 5px;
    
text-decorationnone;
}
.
mybutton:hover {
    
background:#009900;
}
</
style
ivan Offline referral

Posts: 713
Joined: Jul 2013
Reputation: 6

#3
Senior Member
Thanks Maya again very much for your help. I am terrible at this and my CSS knowledge is pretty basic so these answers help me big time Smile
invisibe_dude Offline referral

Posts: 820
Joined: May 2013
Reputation: 24

#4
Posting Freak
You can also use CSS3 box-shadow property to add shadow to your button and to make pop!

Code:
box-shadow: 1px 1px 3px #323232;





User(s) browsing this thread: 1 Guest(s)