CSS Code
. G_a{display:-moz-inline-stack, Display:inline-block, border-bottom:1px solid #cccccc; border-top:1px solid #e1e1e1; Background: #f9f9f9; Text-decoration:none;}
. G_b{float:left, border-left:1px solid #dadada, border-right:1px solid #cecece; padding:1px 0; margin:0 -1px; position:re lative;}
. G_c{float:left, border-left:1px solid #dadada, border-right:1px solid #cecece; margin:0 -2px; background: #f4f4f4; Position:relative;}
. g_d{display:block; line-height:4px; background: #f7f7f7; border-bottom:4px solid #f6f6f6; border-top:8px Solid #f8f8f8 ;}
. g_e{display:block; line-height:16px; border-bottom:4px solid #f2f2f2; border-top:4px solid #fafafa; margin-top:-16px; padding:0px 12px; font-size:12px; Color: #666666; Cursor:pointer;}
. G_a:hover{text-decoration:none; Background-color: #f7f7f7; color: #333333;}
. G_a:hover. G_c{background-color: #f2f2f2;}
. G_a:hover. G_d{border-bottom-color: #f4f4f4; Background-color: #f5f5f5; Border-top-color: #f7f7f7;}
. G_a:hover. G_e{border-bottom-color: #f0f0f0; Border-top-color: #f8f8f8;}
HTML code
<a href= "javascript:void (0); class=" G_a vm ">
<span class= "G_b" >
<span class= "G_c" >
<span class= "G_d" > </span>
<span class= "G_e" > It's You </span>
</span>
</span>
</a>
CSS for rounded corners six-color gradient adaptive buttons