首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

切图排字页面圆角

2012-09-03 
切图排版页面圆角css样式如下.newFloatMethod{width:670px height:38px}.newFloatMethod .middle{line-h

切图排版页面圆角

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>


热点排行