淘宝圆角框
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{padding: 0px;margin: 0px;}
BODY{font-weight: 400;font-size: 12px;color: #666;font-family: tahoma,simsun,arial;background-color: #fff;text-align:center}
background: url(http://pics.taobao.com/cms/digital/tabExtendBg.gif) repeat-x;
float: left;
width: 100%;
height: 25px
}
.showBoxHead H3{
display: block;
float: left;
overflow: hidden;
padding:3px 0 0 13px;
font-weight: bold;
font-size: 12px;
}
.showBoxHead I{
display: block;
float: left;
width: 8px;
height: 25px;
background: url(http://pics.taobao.com/cms/digital/tabBg.gif) no-repeat 0px top;
margin-top: -25px;
}
.showBoxHead B{
display: block;
float: right;
width: 8px;
height: 25px;
overflow: hidden;
background: url(http://pics.taobao.com/cms/digital/tabBg.gif) no-repeat right top;
margin-top: -25px;
}
display: block;
float: left;
width: 8px;
height: 5px;
overflow: hidden;
background: url(http://pics.taobao.com/cms/digital/tabBottom180px.gif) no-repeat 0px top;
}
.showBoxFoot SPAN{
display: block;
padding-top: 3px;
border-bottom: #d1d1d1 1px solid
}
.showBoxFoot B{
display: block;
float: right;
width: 8px;
height: 5px;
overflow: hidden;
background: url(http://pics.taobao.com/cms/digital/tabBottom180px.gif) no-repeat right top;
margin-top: -4px;
}
</head>
<body>
<div class="showBox">
<div class="showBoxHead">
<div>
<h3>
手机T型台</h3>
</div>
<i></i><b></b>
</div>
<div style="clear: both; border-right: #ccc 1px solid; border-left: #ccc 1px solid;
padding-top: 5px">
313131
</div>
<div class="showBoxFoot">
<i></i><span></span><b></b>
</div>
</div>
</body>
</html>