zoukankan      html  css  js  c++  java
  • css 怎么在文字两边加上横线

    <div class="title">
    <h2 class="title-text"><span>工作经历</span></h2>
    </div>

    .title-text span {
    display: block; /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative; /*定位横线(当横线的父元素)*/
    .fs(14);
    text-align: center;
    }
    .title-text span:before, .title-text span:after {
    content: '';
    position: absolute; /*定位背景横线的位置*/
    top: 50%;
    background: #8c8c8c; /*背景横线颜色*/
    35%; /*单侧横线的长度*/
    height: 1px;
    }
    .title-text span:before {
    left: 2%; /*调整背景横线的左右距离*/
    }
    .title-text span:after {
    right: 2%;
    }

  • 相关阅读:
    Skimage=scikit-image SciKit 包的模块(转载)
    python day12
    python day11
    python day10
    python day9
    python day8
    python day7
    python day6
    python 第五天
    python 第四天
  • 原文地址:https://www.cnblogs.com/opcec/p/8920667.html
Copyright © 2011-2022 走看看