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:;
FONT-WEIGHT:;
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倍行间距。

上一篇:为iPhone6 设计自适应布局(一)


下一篇:netezza 数据库 取 季初 季末 时间