2.2 圆角框
1、固定宽度的圆角可以用上下两个背景图片实现。

    顶部的背景图片运用到h1上,底部的运用到div.box上。可以加上padding来控制内容显示的区域。

 1 <h3>固定宽度,高度自适应圆角</h3>
 2 <hr />
 3 <div class="fixWidth">
 4     <h2>这是标题</h2>
 5     <p>内容高度自适应</p>
 6     <p>内容高度自适应</p>
 7     <p>内容高度自适应</p>
 8 </div>
 9 <br />
10 <div class="fixWidth">
11     <h2>这是标题</h2>
12     <p>内容高度自适应</p>
13     <p>内容高度自适应</p>
14     <p>内容高度自适应</p>
15     <p>内容高度自适应</p>
16     <p>内容高度自适应</p>
17     <p>内容高度自适应</p>
18 </div>

相关文章: