CSS圆角按钮
2015-10-09 14:53
411 查看
<html> <head> <title>纯css实现的漂亮圆角效果的按钮丨芯晴网页特效丨CsrCode.Cn</title> <style type="text/css"> .a{float:left; border-width:1px 0; border-color:#bbbbbb; border-style:solid;} .b{height:22px; border-width:0 1px; border-color:#bbbbbb; border-style:solid; margin:0 -1px; background:#e3e3e3; position:relative; float:left;} .c{line-height:10px; color:#f9f9f9; background:#f9f9f9; border-bottom:2px solid #eeeeee;} .d{padding:0 8px; line-height:22px; font-size:12px; color:#000000; clear:both; margin-top:-12px; cursor:pointer;} </style> </head> <body> <div class="a"> <div class="b"> <div class="c"> </div> <div class="d">css圆角按钮</div> </div> </div> </body> </html>
相关文章推荐
- 纯CSS实现气泡框
- html+CSS 学习
- CSS3选择器
- HTML中引入CSS的方法
- 提高您CSS开发能力的技巧集
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- css
- html 美化滚动条默认样式
- chrome浏览器当表单自动填充时,怎么去除浏览器自动添加的默认样式。
- css js 的引入方式和书写位置
- CSS中zoom:1的作用 ,小标签大作用
- JBox不能样式css样式的问题解决
- CSS中z-index属性具体是什么意思?
- 添加自定义的 字体样式
- css3媒介查询使用规则小结
- CSS box-flex属性,然后弹性盒子模型简介
- 小tip: 使用CSS将图片转换成模糊(毛玻璃)效果
- JS实现样式清新的横排下拉菜单效果
- JS实现样式清新的横排下拉菜单效果
- CSS问题