前段时间接触到div+css布局方面的东西,也学到了点东西。记得以前不懂css布局的时候,在给系统设计效果图时,总有人提醒说“尽量不要圆角,需要切图”“这样设计代码不好实现”云云,昨天在网上看到一个只用代码就可以设计出圆角的效果,好神奇啊~ 和大家一起分享~

首先看样式表文件:
.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;}

接着看页面代码:


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

http://blog.dngz.net/183.htm

我想发表对此文的评论 ...(没有弹出错误信息则说明评论成功,需要等待审核.)