前言

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

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

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

html 代码

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

css 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style>

.dome1{
text-align: center;
position: relative;
}
.dome1::after{
position: absolute;
content: "";
display: block;
width: 40%;
height: 0;
border: 1px solid #eee;
top: 50%;
left: 0;
}
.dome1::before{
position: absolute;
content: "";
display: block;
width: 40%;
height: 0;
border: 1px solid #eee;
top: 50%;
right: 0;
}

</style>

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

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

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

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

让我们共同加油吧!!!