滑动门的圆角框

CSS:

.slidingDoor
{
    width: 20em;
    background: #effce7 url(images/bottom-left.gif) no-repeat left bottom;
}
    
.box-outer
{
    background: url(images/bottom-right.gif) no-repeat right bottom;
    padding-bottom: 5%;
}

.box-inner
{
    background: url(images/top-left.gif) no-repeat left top;
}

.slidingDoor h2
{
    background: url(images/top-right.gif) no-repeat right top;
    padding-top: 5%;
}

.slidingDoor h2, .slidingDoor p
{
    padding-left: 5%;
    padding-right: 5%;
}

HTML：

 <div class="slidingDoor">
        <div class="box-outer">
            <div class="box-inner">
                <h2>
                    Lorem Ipsum</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis turpis
                    ut quam. In dolor. Nam ultrices nisl sollicitudin sapien. Ut lacinia aliquet ante.</p>
            </div>
        </div>
 </div>