[推荐]制作div+css圆角_html/css_WEB-ITnose

“尽量不要圆角，需要切图”“这样设计代码不好实现”云云，昨天在网上看到一个只用代码就可以设计出圆角的效果，～ 和大家一起分享~

首先看样式表文件：
.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#000; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff;
border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff;
border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#fff;
border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}

接着看页面代码：


当然你也可以用其他的标签

或者之类，应该也是可以的

在上面两句之间加上一个左右border的content
这就是效果了：

posted @ 2009-05-17 17:58 mokliu 阅读( ...) 评论( ...) 编辑 收藏

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• [推荐]制作div+css圆角_html/css_...

• 接口与抽象类01
• 类的composer自动加载机制
• composer原理与常用命令03
• composer原理与常用命令02