首页 > 代码库 > CSS3实现的渐变按钮，在IE7、IE6下的滤镜使用。

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

2024-07-13 18:01:49   221人阅读



 

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


联系
我们