用滑动门制作的圆角矩形框
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滑动门</title>
</head>
<style type="text/css">
#rounded{
margin:0;
padding:0;
width:310px;
background:#ccc url(left_top.gif) no-repeat;
}
#rounded h3{
text-align:center;
margin:0;
padding:30px 0 15px 10px;
background:url(right_top.gif) no-repeat right top;
}
#rounded p{
margin:0;
padding:0;
background:url(left_bottom.gif) no-repeat left bottom;
}
#rounded p span{
text-indent:2em;
margin:0;
padding:0 5px 30px 10px;
display:block;
background:url(right_bottom.gif) no-repeat right bottom;
}
</style>
<body>
<div id="rounded">
<h3>如果没有如果</h3>
<p><span>如果没有如果，时间是否会为我们停留？曾经看过的夕阳，听过的潮落，都被时间掩埋，幻成泡沫。
如果没有如果，时间是否会为我们停留？曾经看过的夕阳，听过的潮落，都被时间掩埋，幻成泡沫。如果没有如果，时间是否会为我们停留？曾经看过的夕阳，听过的潮落，都被时间掩埋，幻成泡沫。如果没有如果，时间是否会为我们停留？曾经看过的夕阳，听过的潮落，都被时间掩埋，幻成泡沫。</span></p>
</div>
</body>
</html>
