<div class="sigma-middle-line">
<span class="sigma-line-text">Sigma 的中横线</span>
</div>
</div> .sigma-content{
margin: 50px
text-align: center
background-color: #fff
}
.sigma-middle-line:before{
content: ''
display: block
height: 1px
width: 100%
background-color: #999/*颜色需与主题大背景色一致*/
position: relative
top: 10px/*调节线高*/
left: 0
}
.sigma-line-text{
display: inline-block
background: #fff
padding: 0 18px 0 18px
position: relative
font-size: 14px
font-weight: 500
}
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body{text-decoration: line-through}。
3、浏览器运行index.html页面，此时用css成功让文本添加了中划线。
很简单，添加背景图片即可
background: url(htt防止p:/和谐/baike.bdimg.com/static/wiki-lemma/normal/resource/img/paraTitle-line_c5e6d61.png)
