高级开发

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

宋兴柱 · 7月24日 · 2014年 803次已读


 

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

0 条回应