<span>正在投标</span>
</div>
把你的背景图片切出一个像素 然后repeat-x铺图片作为box的背景 然后给span设置背景为#EEEEEE 并设置左右两边padding 就可以实现你要的效果了
一般出现挨着的两条线，是因为左右或者上下2个标签都带有边框导致的，只要取消其中一个标签与另一个标签相邻那边的边框就可以了。
以左右相邻为例：
HTML代码：
<p>我是左边</p><p>我是右边</p>
CSS代码：
p{float: left
width: 200px
height: 200px
line-height: 200px
text-align: center
border:1px solid #ccc
}
p:first-child{
/* 将第一个p标签，也就是左边的P标签的右边框设置为none。 */
border-right: none
}
浏览效果：
从运行结果可以看出，由于将左边的P标签右边框设置为none，2个标签左右相邻处就只有一个边框咯。
方法很多：
1.最渣的方法：图片
2.第二渣的方法：3个标签：1）外框用来posotion:relative2）文字有背景色；3）就是那条线，原理就是文字用定位浮起来然后加上背景色遮住线，造成这种效果；
3.我推荐的方法：
html:
<fieldset>
<legend align='center'>健康日志</legend>
</fieldset>
css:
fieldset{
border: none
border-top: 1px solid #ccc
}
html标签，兼容所有浏览器。。。谁用谁知道
