在线创建CSS圆角

懒人套餐,点4下鼠标就搞定了.

1. 写下样式名字
2. 选下背景颜色
3. 选圆角内的颜色
4. 点圆角半径

这样就自动生成了对应的 css了。

Get the Code: CSS

<style type="text/css">
.autoit{display:block}
.autoit *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.autoit1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191;
  background:#c53f3f}
.autoit2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7e5e5;
  border-right:1px solid #f7e5e5;
  background:#c03030}
.autoit3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c03030;
  border-right:1px solid #c03030;}
.autoit4{
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191}
.autoit5{
  border-left:1px solid #c53f3f;
  border-right:1px solid #c53f3f}
.autoitfg{
  background:#b20000}
</style>

 Get the Code: HTML

<div>
  <b class="autoit">
  <b class="autoit1"><b></b></b>
  <b class="autoit2"><b></b></b>
  <b class="autoit3"></b>
  <b class="autoit4"></b>
  <b class="autoit5"></b></b>

  <div class="autoitfg">
    <!-- content goes here -->
  </div>

  <b class="autoit">
  <b class="autoit5"></b>
  <b class="autoit4"></b>
  <b class="autoit3"></b>
  <b class="autoit2"><b></b></b>
  <b class="autoit1"><b></b></b></b>
</div>

online: http://www.spiffycorners.com