中间文字，两边横线（纯css实现）
2021-02-03 17:16
阅读：368
标签：round wrap ext bsp enter 用法 实现 content before 偏爱这个办法 中间文字，两边横线（纯css实现） 标签：round wrap ext bsp enter 用法 实现 content before 原文地址：https://www.cnblogs.com/ziyoujike/p/13155980.html
.wrap {position: relative;text-align: center;width: 84%;margin: 15px auto;}
/*CSS伪类用法*/
.wrap:after, .wrap:before {position: absolute;top: 50%;background: #ddd;content: "";height: 1px;width: 25%;}
/*调整背景横线的左右距离*/
.wrap:before {left: 0;}
.wrap:after {right: 0;}
中间文字 两边横线
评论
亲，登录后才可以留言！