【原創】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種方式都相容瀏覽器。