zoukankan      html  css  js  c++  java
  • 推荐几个按扭样式

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">

    <style>
    .bt1
    { 
    BORDER-RIGHT
    : #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid 
    }
     
    .bt2
    { 
    BORDER-RIGHT
    : #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid 
    }
     
    .bt3
    { 
    BORDER-RIGHT
    : #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid 
    }
     
    .bt4
    { 
    BORDER-RIGHT
    : #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid 
    }
     
    .bt5
    { 
    BORDER-RIGHT
    : #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid 
    }
     
    .bt6
    { 
    BORDER-RIGHT
    : #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid 
    }
     
    .bt7
    {
    BORDER-RIGHT
    : #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid 
    }
      
    </style>
    </HEAD>

    <BODY>
    示例:
    <INPUT TYPE="submit" class="bt1" value="按扭样式1">
    <INPUT TYPE="submit" class="bt2" value="按扭样式2">
    <INPUT TYPE="submit" class="bt3" value="按扭样式3">
    <INPUT TYPE="submit" class="bt4" value="按扭样式4">
    <INPUT TYPE="submit" class="bt5" value="按扭样式5">
    <INPUT TYPE="submit" class="bt6" value="按扭样式6">
    <INPUT TYPE="submit" class="bt7" value="按扭样式7">
    </BODY>
    </HTML>
  • 相关阅读:
    【160406 24:00】四则运算 4(结对开发 2)
    【160319 24:00】四则运算 3(结对开发 1)
    【160313 18:00】四则运算 2 的单元测试
    【160312 18:00】四则运算 2
    【Web前端Talk】React-loadable 进行代码分割的基本使用
    【Web前端Talk】无聊吗?写个【飞机大战】来玩吧(下篇)
    【Web前端Talk】“用数据说话,从埋点开始”-带你理解前端的三种埋点
    【Web前端Talk】无聊吗?写个【飞机大战】来玩吧(上篇)
    windows环境下搭建vue开发环境
    Sublime Text3添加css兼容前缀插件
  • 原文地址:https://www.cnblogs.com/jenry/p/540252.html
Copyright © 2011-2022 走看看