请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 240|回复: 6

常用按钮、文本框、表单等CSS样式13例

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-1-25 23:11:53 | 显示全部楼层 |阅读模式

一、按钮样式

.buttoncss {
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:#006699;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/bluebuttonbg.gif);
background-color: #e8f4ff;
cursor: hand;
font-style: normal ;
width:60px;
height:22px;
}

2、蓝色按钮

.bluebuttoncss {
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size: 9pt; color: #003366;
border: 0px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;*/
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}3、红色按钮

.redbuttoncss {
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/redbuttonbg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}4、选择按钮

.selectbuttoncss{
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}


回复

使用道具 举报

1

主题

922

帖子

20

积分

注册会员

Rank: 2

积分
20
发表于 2016-3-6 20:12:56 | 显示全部楼层
不错,学习了
回复 支持 反对

使用道具 举报

3

主题

1001

帖子

67

积分

注册会员

Rank: 2

积分
67
发表于 2016-3-8 15:35:41 | 显示全部楼层
我是路过的,轻轻飘过
回复 支持 反对

使用道具 举报

7

主题

854

帖子

65

积分

注册会员

Rank: 2

积分
65
发表于 2016-3-15 11:23:17 | 显示全部楼层
顶顶
回复 支持 反对

使用道具 举报

0

主题

918

帖子

45

积分

注册会员

Rank: 2

积分
45
发表于 2016-5-20 09:59:48 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

0

主题

977

帖子

52

积分

注册会员

Rank: 2

积分
52
发表于 2018-11-11 18:14:58 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2018-12-14 22:31 , Processed in 0.236887 second(s), 31 queries .

快速回复 返回顶部 返回列表