<html>
<title>css</title>
<style>
button{
padding: .3em .8em;
border: 1px solid #446d88;
background-color: #58a;
border-radius: .2em;
box-shadow: 0 .05em .25em gray;
color:white;
text-shadow: 0 -.05em .05em #335166;
font-size: 125%;
line-height: 1.5;
}
button.ok{
background-color: #c00;
}
button.cancel{
background-color: #6b0;
}
</style>
<body>
<button>default</button>
<button class="ok">ok</button>
<button class="cancel">cancel</button>
</body>
</html>
相关文章
- css揭秘之按钮的实现技巧
- CSS技巧专栏:一日一例 2.纯CSS实现 多彩边框按钮特效
- CSS技巧专栏:一日一例 3.纯CSS实现炫酷多彩按钮特效
- css案例学习之通过relative与absolute实现带说明信息的菜单
- STEP7 常见的编程技巧 (1) 实现按钮状态切换
- JQuery和html+css实现带小圆点和左右按钮的轮播图 - ITandYT
- 简单CSS技巧实现的Logo动画效果(很像导航栏上经常运用的效果,但有差别)
- 从知乎首页用户操作入口学习到的CSS技巧 - 合理利用伪元素实现一些装饰样式
- 纯css实现超炫酷的星空背景按钮
- [转载]css菜鸟之HTML 中块级元素设置 height:100% 的实现