美文网首页
分割线带子

分割线带子

作者: 程序媛_ | 来源:发表于2020-11-06 14:38 被阅读0次

    .dv1 {

    width: 327px;

    height: 22px;

    position: relative;

    margin: 100px auto;

    }

    .liner {

    width: 100%;

    height: 1px;

    background-color: #ccc;

    position: relative;

    top: 50%;

    }

    .dv2 {

    text-align: center;

    width: 120px;

    height: 22px;

    line-height: 22px;

    margin: 0 auto;

    background-color: #fff;

    position: relative;

    z-index: 3;

    }

    <div class="dv1">

    <div class="liner"></div>

    <div class="dv2">

    <i class="iconfont icon-star"></i>

    <span>热门推荐</span>

    </div>

    </div>

    相关文章

      网友评论

          本文标题:分割线带子

          本文链接:https://www.haomeiwen.com/subject/ooytbktx.html