1

.box{
width:418px;
background:#effce7 url(/img/bottom.gif) no-repeat left bottom;
padding-bottom:1px;}
.box h2{
background:url(/img/top.gif) no-repeat left top;
margin-top:0;
padding:20px 20px 0 20px;}
.box p{
padding:0 20px;}

<div class="box">

<h2>Lorem Ipsum</h2>
<p>Lorm Ipsum dolor sit amet,consecteteur adipiscing elit...........</p>
</div>

2

.box{
width:424px;
background:url(/img/tile2.gif) repeat-y;}
.box h2{
background:url(/img/top2.gif) no-repeat left top;
padding-top:20px;}
.box .last{
background:url(img/bottom2.gif) no-repeat left bottom;
padding-bottom:20px;}
.box h2, .box p{
padding-left:20px;
padding-right:20px;}

<div class="box">
<h2>Lorem Ipsum</h2>
<p class="last">Lorm Ipsum dolor sit amet,consecteteur adipiscing elit...........</p>
</div>

固定宽度的圆角框