当前位置: 代码迷 >> Web前端 >> 切图排字页面圆角
  详细解决方案

切图排字页面圆角

热度:76   发布时间:2012-09-03 09:48:39.0
切图排版页面圆角

css样式如下
.newFloatMethod{width:670px; height:38px;}
.newFloatMethod .middle{
    line-height:38px;
    margin:0 7px 0 7px;
    padding:0 0 0 10px;
    background:url("/images/guide.png") left top repeat-x;
}
.newFloatMethod .left{
    float:left;
    width:7px;
    height:38px;
    background:url("/images/guide1.png") left top no-repeat;
}
.newFloatMethod .right{
    float:right;
    width:7px;
    height:38px;
    background:url("/images/guide2.png") left top no-repeat;
}

html如下
<div class="newFloatMethod">
  <div class="left"></div>
  <div class="right"></div>
  <div class="middle">左右浮动法</div>

</div>


  相关解决方案