方法：在右侧填写选择 『class的名称』，『背景颜色』，『圆角矩形的颜色』，点击Show Me TO Code按钮。图像就生成出来了。底下还有具体的css样式表！
地址：http://www.spiffycorners.com
eg:
class name:conor
background color :ffffff
foreground color :0a67e6
代码如下:
<style type="text/css">
.conor{
.conor{
display:block;
}
}
.conor *{
display:block;
height:1px;
overflow:hidden;
background:#0a67e6;
}
height:1px;
overflow:hidden;
background:#0a67e6;
}
.conor1{
border-right:1px solid #95bdf4;
padding-right:1px;
margin-right:3px;
border-left:1px solid #95bdf4;
padding-left:1px;
margin-left:3px;
background:#478dec;
}
padding-right:1px;
margin-right:3px;
border-left:1px solid #95bdf4;
padding-left:1px;
margin-left:3px;
background:#478dec;
}
.conor2{
border-right:1px solid #e6effc;
border-left:1px solid #e6effc;
padding:0px 1px;
background:#3883ea;
margin:0px 1px;
}
border-left:1px solid #e6effc;
padding:0px 1px;
background:#3883ea;
margin:0px 1px;
}
.conor3{
border-right:1px solid #3883ea;
border-left:1px solid #3883ea;
margin:0px 1px;
}
border-left:1px solid #3883ea;
margin:0px 1px;
}
.conor4{
border-right:1px solid #95bdf4;
border-left:1px solid #95bdf4;
}
border-left:1px solid #95bdf4;
}
.conor5{
border-right:1px solid #478dec;
border-left:1px solid #478dec;
}
border-left:1px solid #478dec;
}
.conor_content{
padding:0px 5px;
background:#0a67e6;
}
background:#0a67e6;
}
</style>
<div>
<b class="conor">
<b class="conor1"><b></b></b>
<b class="conor2"><b></b></b>
<b class="conor3"></b>
<b class="conor4"></b>
<b class="conor5"></b>
<b class="conor2"><b></b></b>
<b class="conor3"></b>
<b class="conor4"></b>
<b class="conor5"></b>
</b> <div class="conor_content">
<!-- Your Content Goes Here -->
</div>
<b class="conor">
<b class="conor5"></b>
<b class="conor4"></b>
<b class="conor3"></b>
<b class="conor2"><b></b></b>
<b class="conor1"><b></b></b>
<b class="conor4"></b>
<b class="conor3"></b>
<b class="conor2"><b></b></b>
<b class="conor1"><b></b></b>
</b>
</div>