用二维滑动门做圆角框
<style type="text/css">
.rounded{
font:Arial, Helvetica, sans-serif;
background:url(sl.gif) top left no-repeat;
width:90%;
}
.rounded h3{
margin:0 0 -25px 0;
padding:20px 20px 10px;
background:url(sr.gif) no-repeat top right;
}
.rounded div.main {
text-indent:2em;
margin:-1em 0 0 0;
padding:0 0 0 0px;
background:url(bottom.gif) top right repeat-y;
}
.rounded div.footer{
text-indent:2em;
margin:-2.5em 0 -0.5em 0px;
padding:0px 0 0 0 ;
background:url(xr.gif) right bottom no-repeat;
}
.rounded div.footer p{
display:block;
margin:-1.5em 30px 0 0;
padding:30px 0px 62px 10px;
background:url(xl.gif) left bottom no-repeat;
}
</style>
</head>
<body>
<div class="rounded">
<h3> 这是二维滑动门</h3>
<div class="main">
<p>是什么司联合两节课了科技特哦和人工个化工为肌肤了化工网化工人和用途工</p>
</div>
<div class="footer">
<p>么我港口而佛号开放化工额</p>
</div>
</div>
</body>