做自定义圆角矩形
首先用ps做4个300x30的圆角,分别为left-top right-top left-bottom right-bottom.
<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>打开覅就快递费和几个客人大幅皮肤都给日公开答复他看过客观题提高 客人的结构图热几天领导机关的立即通过打开就给他hjokiuolu雇佣合同人缘好态度态度的热土还让他人地图也好听吐谷浑如图投入与代理机构</span></p>
</div>
</body>