The design of the button

CSS file

1 <style type= "Text/css" >2 . ClassName{3 Line-height:30px;4 Height:30px;5 width:100px;6 Color:#ffffff;7 Background-color:#3ba354;8 font-size:16px;9 Font-weight:Normal;Ten font-family:Arial; One Border:0px solid #dcdcdc; A -webkit-border-top-left-radius:3px; - -moz-border-radius-topleft:3px; - Border-top-left-radius:3px; the -webkit-border-top-right-radius:3px; - -moz-border-radius-topright:3px; - Border-top-right-radius:3px; - -webkit-border-bottom-left-radius:3px; + -moz-border-radius-bottomleft:3px; - Border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; A -moz-border-radius-bottomright:3px; at Border-bottom-right-radius:3px; - -moz-box-shadow:inset 0px 0px 0px 0px #ffffff; - -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff; - Box-shadow:inset 0px 0px 0px 0px #ffffff; - text-align:Center; - Display:Inline-block; in text-decoration:None; -} to . Classname:hover{ + Background-color:#1c9439; -} the </style>

<a href= ' # ' class= ' ClassName ' > Press   button </a>

The design of the button