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
>
查看全文
相关阅读:
Day01-基础加强笔记
CS Academy Round#2 E.Matrix Coloring
AtCoder ABC198 F
NERC2021 B. Button Lock
AtCoder ARC115 E
NOI Online 2021 Round 1 提高组 愤怒的小 N
洛谷 P6918 [ICPC2016 WF]Branch Assignment
AtCoder ARC076 F
Atcoder ABC155 F
POJ 1966 Cable TV Network
原文地址:https://www.cnblogs.com/jenry/p/540252.html
最新文章
深拷贝的几种方法
【Worktile】原本的flow-sky的proxy.conf.js配置
【VSCode】VSCode踩坑之experimentalDecorators
第二部分:并发工具类14->Lock和condition(上)
第一部分:并发理论基础12->面向对象思想写好并发程序
第一部分:并发理论基础11->为什么局部变量是线程安全的
第一部分:并发理论基础10->创建多少线程才合适
第一部分:并发理论基础09->Java线程的生命周期
第一部分:并发理论基础08->并发编程万能钥匙
第一部分:并发理论基础07->安全性,活跃性及性能问题
热门文章
第一部分:并发理论基础06->用等待通知机制优化循环等待
天地图开发 JavaScript开发 代码示例
java后台实现三级查询的功能
VMware的3种网络类型及解释
tkinter之事件绑定
tkinter之menu
1001
Day04-MySQL多表&事务课堂笔记
Day02-MySQL基础课堂笔记
Day03-MySQL约束课堂笔记
Copyright © 2011-2022 走看看