<head>
<style type="text/css">
<!--
.xb1,.xb2,.xb3,.xb4,.xb5
{
height:1px;
background:#FFCC00;
border-left:1px solid black;
border-right:1px solid black;
overflow:hidden;
}
.xb1 {margin:0px 5px;border-top:1px solid black;}
.xb2 {margin:0px 3px;border-width:0px 2px;}
.xb3 {margin:0px 2px;}
.xb4 {margin:0px 1px;height:2px;}
.xb5 {margin:0px 5px;border-bottom:1px solid black;}
.container_middle
{
background:#FFCC00;
border:0 solid black;
border-width:0 1px;
}
//-->
</style>
</head>
<body>
<div id="rect_container">
<div class="container_top">
<div class="xb1"></div>
<div class="xb2"></div>
<div class="xb3"></div>
<div class="xb4"></div>
</div>
<div class="container_middle">
<br />
<h1>不使用图片创建原叫矩形</h1>
<br />
</div>
<div class="container_top">
<div class="xb4"></div>
<div class="xb3"></div>
<div class="xb2"></div>
<div class="xb5"></div>
</div>
</div>
</body>
