【原创】fieldset纯CSS分割线(中划线)实现

<fieldset  style="border:none;border-top:1px solid blue">

<legend align="CENTER" >fieldset分割线</legend>

</fieldset>  

这个fieldset方式的怪异之处就是加居中时，不能写到style里面，要把align写到style之外，另外，划线的样式如果不选择solid的话，就会出现第二种方式那种穿字而过的线，当然你可以通过改变文字的背景色来遮挡。

fieldset分割线

 

第二种方式由小龙女CSS群友"前端开发 "提供

 

 

  <div style="text-align:center;border-top:1px solid red;line-height:30px;background-color:white">

    <span style="position:relative;top:-15px;background-color:white">另一种实现方式</span>

  </div>

另一种实现方式

当然，这2种方式都兼容浏览器。