再读《精通css》07：圆角

2.2 圆角框
1、固定宽度的圆角可以用上下两个背景图片实现。
顶部的背景图片运用到h1上，底部的运用到div.box上。可以加上padding来控制内容显示的区域。

代码 1 /*无图版----------------------------------------*/
2 .noImg{
3 width:200px;
4 height:150px;
5 }
6 .noImg .warp1, .noImg .warp2, .noImg .warp3, .noImg .warp4{
7 width:auto;
8 height:1px;
9 line-height:0;
font-size:0;
overflow:hidden;
background:#09F;
border-left:#fff solid 4px;
border-right:#fff solid 4px;
}
.noImg .warp2{
border-left:#fff solid 3px;
border-right:#fff solid 3px;
}
.noImg .warp3{
border-left:#fff solid 2px;
border-right:#fff solid 2px;
}
.noImg .warp4{
border-left:#fff solid 1px;
border-right:#fff solid 1px;
}
.noImg .content{
width:190px;
height:132px;
background:#09F;
padding:5px;
}

完整源码下载