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
>
查看全文
相关阅读:
c# 动态加载工具栏按钮代码
根据结果集处理工作事务c#源码
关于升级后药库中报表需要重新设置的问题
vs2005打开工程后退出
把照片写入到DataTable
关于导入最新住院管理后界面控件乱的问题
django实战2运维日常维护统计
ip_conntrack_netbios_n 报错
django_book学习笔记7django常用方法总结
python模块整理14re模版
原文地址:https://www.cnblogs.com/jenry/p/540252.html
最新文章
MOSS中用户和AD同步问题
MOSS文档浏览次数统计
MOSS中日期类型的Query
国庆放七天假结束
JavaScript简介
JavaScript学习与示例1调用脚本、注释,声明变量,消息框(alert,confirm,prompt)
【书法】久不写,发现字有长进了
【日影】宇宙兄弟.Uchu.Kyodai.Chi——他们的宇宙梦,我的程序梦
【mobile】安卓图案解锁尝试次数过多导致 要解锁需要GOOGLE账户登录,解决方案
【美影】通灵男孩诺曼.Paranorman
热门文章
【武术】昨天结束了本学期武术队集体训练,小感而发
【手写】走得太远,以至于忘记为什么出发
【手写】每个人心中都住着一座城。。。
【随感】江湖加油~回家倒计时20天....
【随感】最近练武术、练架子鼓,手成这样了
【日影】柯南真人SP4观后小感——祭奠我逝去的童年和青春
Microsoft Jet SQL 参考在线手册
关于住院管理中提升image1列不存在的错误
利用反射动态(运行时)加载窗体
操作或事件已被禁用模式阻止
Copyright © 2011-2022 走看看