1、打开html开发工具并创建一个html文件。
2、在html页面上找到<body>标记，键入<body>标记，并用<a>标记覆盖内容。
3、修改<a>标签的内容，将颜色设置为蓝色。
4、将鼠标设置为在<a>标签上滑动，字体下方将变为红色下划线：a：hover {color：red}。
预览： <div class="sigma-content"><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
}
