zoukankan      html  css  js  c++  java
  • 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倍行间距。

  • 相关阅读:
    白话机器学习
    Intersecting Lines POJ
    Segments POJ
    Toy Storage POJ
    TOYS POJ
    2019CCPC秦皇岛赛区1004 Decimal
    Django 基本使用
    HTML页面布局
    微擎上传视频,音频,图片提示格式不支持
    微擎应用名称图标的修改
  • 原文地址:https://www.cnblogs.com/songxingzhu/p/3864733.html
Copyright © 2011-2022 走看看