标题有两边线的用法

来源:互联网 发布:辽宁北方频道网络直播 编辑:程序博客网 时间:2024/06/05 05:40
.aside-block h2{
font-size: 30px;
color: #188eee;
display: inline-block;
padding: 10px;
position: relative;
background-color: #f5f5f5;
}
.aside-block{
text-align: center;
    
}
.tt{
position: relative;
}
.tt::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    position: absolute;
    top: 50%;
    left: 0;

}

注意position,relative层级在absolute上面。

原创粉丝点击