按钮的设计

 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;
10   font-family:Arial;
11   border:0px solid #dcdcdc;
12   -webkit-border-top-left-radius:3px;
13   -moz-border-radius-topleft:3px;
14   border-top-left-radius:3px;
15   -webkit-border-top-right-radius:3px;
16   -moz-border-radius-topright:3px;
17   border-top-right-radius:3px;
18   -webkit-border-bottom-left-radius:3px;
19   -moz-border-radius-bottomleft:3px;
20   border-bottom-left-radius:3px;
21   -webkit-border-bottom-right-radius:3px;
22   -moz-border-radius-bottomright:3px;
23   border-bottom-right-radius:3px;
24   -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
25   -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
26   box-shadow: inset 0px 0px 0px 0px #ffffff;
27   text-align:center;
28   display:inline-block;
29   text-decoration:none;
30 }
31 .className:hover{
32   background-color:#1c9439;
33 }
34 </style>

<a href=‘#‘ class=‘className‘>按   钮</a>