刚刚用CSS写了一个按钮，感觉不错，拿出来显摆一下(附截图)...

a{
    display: inline-block;
    position: relative;
    width: 100px;
    border-width:15px 0;
    border-style:solid;
    color: #fff;
    text-decoration: none;
}
a:link, a:visited{
    border-top-color: #333;
    border-bottom-color: #222;
}
a:hover, a:active{
    border-top-color: #222;
    border-bottom-color: #111;
}
span {
    display: inline-block;
    width: 100px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 0;
    font: bold 16px/30px arial ;
    text-align: center;
}

 

<a href="#"><span>Login</span></a>