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>
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>