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

浏览数：64 / 时间：2015年06月09日 


 

.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倍行间距。

CSS3实现的渐变按钮，在IE7、IE6下的滤镜使用。,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style int sp src 使用 class style int sp src 使用

相关文章

随机文章

您可能还喜欢

您可能还喜欢