三维按钮样式
2016-06-08 13:09
411 查看
.newBtnClass{ background-color:#2f96b4; border-radius:8px 8px 8px 8px; box-shadow:0 9px 0 #2f96b4,0 9px 25px rgba(0,0,0,0.7); color:#FFFFFF; display:block; font-family:'微软雅黑'; font-weight:700; padding:4px; position:relative; text-align:center; text-decoration:none; transition:all 0.1s ease 0s;width:260px; height:150px; line-height:150px; text-align:center; width:80%; font-size:50px; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.disabled, .btn-default[disabled] { box-shadow:0 3px 0 #2f96b4,0 3px 6px rgba(0,0,0,0.9); background-color:#2f96b4; position:relative; top:6px }
相关文章推荐
- 9-CSS继承,层叠,特殊性
- Css 常用属性
- 用CSS截断字符串的两种实用方法
- 牛腩视频总结(二)Div+Css与Table
- 图片上下左右垂直居中
- CSS选择器的权重与优先规则
- 盒子模型
- html+css3太阳系行星运转动画效果的实现代码
- 单选样式的自定义dialog
- HTML的checkbox和radio样式美化的简单实例
- CSS选择器及CSS样式表
- Dialog自定义样式及使用笔记
- CSS text-align 属性
- CSS关于浮动(Float)的前世今生
- CSS 之 display:table
- CSS易错点--float、透明度、rem...
- Html + CSS实现 java Swing 中titleborder样式
- 利用css3和js原生实现鼠标移入移出模块透明度的变化
- H5调用百度地图时改变标签文本样式的方法
- 纯css的锥形图案,和三角形图案