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
>
查看全文
相关阅读:
eclipse maven 插件 安装 和 配置
Windows下 maven3.0.4的安装步骤+maven配置本地仓库
js中转换Date日期格式
Java 集合类详解
java的反射机制
Java 单例模式详解
Http协议与TCP协议简单理解
初识JavaScript,Ajax,jQuery,并比较三者关系
MyBatis
MyEclipse、Eclipse优化设置
原文地址:https://www.cnblogs.com/jenry/p/540252.html
最新文章
使用Eclipse的几个必须掌握的快捷方式
查看Eclipse版本号的方法及各个版本区别 Eclipse选择标准
金庸笔下的"程序员" | 附金庸武侠全集
引用面试官文章 :如何准备Java初级和高级的技术面试
JVM之类加载机制
JAVA学习必须掌握的框架,不看后悔
DevOps
《Effective Java》——读后总结
Java程序员修炼之路
Java中六大时间类的使用和区别
热门文章
Form表单利用Jquery Validate验证以及ajax提交
$(document).ready(function(){})
使用Nginx在windows和linux上搭建集群
cURL是什么
正向代理与反向代理的区别
spring applicationContext.xml 配置文件 详解
使用validate进行表单验证时土方法(appendTo)改变error显示的位置
document.getElementById("id").value与$("#id").val()之间的区别
Log4j的isdebugEnabled的作用
${pageContext.request.contextPath}
Copyright © 2011-2022 走看看