前言

本人水平有限，文章内容难免会出现问题，如果有问题欢迎指出，谢谢

方式一 为元素加定位的方式

dome链接地址 http://www.example.geyunjie.com/css/line

html 代码

1
<body>
2
    <div class="dome1">测试一下</div>
3
</body>

css 代码

1
<style>
2
3
    .dome1{
4
       text-align: center;
5
        position: relative;
6
    }
7
    .dome1::after{
8
        position: absolute;
9
        content: "";
10
        display: block;
11
        width: 40%;
12
        height: 0;
13
        border: 1px solid #eee;
14
        top: 50%;
15
        left: 0;
16
    }
17
    .dome1::before{
18
        position: absolute;
19
        content: "";
20
        display: block;
21
        width: 40%;
22
        height: 0;
23
        border: 1px solid #eee;
24
        top: 50%;
25
        right: 0;
26
    }
27
28
</style>

注意：部分文章可能会在不就的将来更新

如果能够帮助到你，是小编最大的荣幸

当然 有 不好的地方 请大家帮忙指出 学习永无止境

小编一直认为 人外有人 天外有天 一起学习 共同进步

让我们共同加油吧！！！