利用hr和:after伪元素实现hr中间加字
hr{
text-align:center;
line-height:0px;
background:blue;
}
hr:after{
content:"这里加字";
font-weight:bold;
font-size:30px;
background:white;
z-index:2;
}
html代码
<body>
<hr>
</body>
预览结果:
hr{
text-align:center;
line-height:0px;
background:blue;
}
hr:after{
content:"这里加字";
font-weight:bold;
font-size:30px;
background:white;
z-index:2;
}
html代码
<body>
<hr>
</body>
预览结果: