CSS3实现的渐变按钮，在IE7、IE6下的滤镜使用。

CSS3实现的渐变按钮，在IE7、IE6下的滤镜使用。

.ui-button {
    BORDER-LEFT-WIDTH: 0px;  
    OVERFLOW: visible;   
    CURSOR: pointer;  
    FONT-SIZE: 16px;  
    HEIGHT: 40px;   
    BORDER-RIGHT-WIDTH: 0px;   
    VERTICAL-ALIGN: middle;   
    BORDER-BOTTOM-WIDTH: 0px;   
    ZOOM: 1;  
    FONT-WEIGHT: 700;   
    COLOR: #fff;   
    PADDING-BOTTOM: 0px;  
    TEXT-ALIGN: center;   
    PADDING-TOP: 0px;   
    PADDING-LEFT: 20px;   
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb800', endColorstr='#e66e1e');   
    TEXT-DECORATION: none;   
    DISPLAY: block;   
    LINE-HEIGHT: 40px;   
    PADDING-RIGHT: 20px;   
    BORDER-TOP-WIDTH: 0px;   
    WIDTH: 219px;   
    BACKGROUND-COLOR: rgb(230,110,30)
}


.ui-button:hover {
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb400', endColorstr='#f48f0d');   
    TEXT-DECORATION: none;   
    BACKGROUND-COLOR: #f48f0d
}
A.ui-button:hover {
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb400', endColorstr='#f48f0d');   
    TEXT-DECORATION: none;  
    BACKGROUND-COLOR: #f48f0d
}

另外，CSS中的字体行间距，可以通过 Font-size:12px/1.6;来表示12号字的1.6倍行间距。