html在字体两边加直线,css怎么在文字两边加上横线
html在字体两边加直线,css怎么在⽂字两边加上横线
css中可利⽤:before、:after和content属性来在⽂字两边加上横线；语法“E:before,E:after{content:"";flex:1 1;border-bottom:2px solid;}”，E为包含⽂字的元素。
本教程操作环境：Windows7系统、css3版本、Dell G3电脑。
css在⽂字两边加上横线的⽅法
在css中，可以利⽤:before、:after选择器和content属性来实现。
:before 选择器向选定的元素前插⼊内容，:after 选择器向选定的元素之后插⼊内容。
content 属性与 :before 及 :after 伪元素配合使⽤，来插⼊⽣成内容。
⽰例：
h4 {
display: flex;
flex-direction: row;
}
h4:before,
h4:after {
content: "";
flex: 1 1;
border-bottom: 2px solid #000;
margin: auto;
}
img {
height: 100px;
width: 100px;
border-radius: 50%;
}
PHP中⽂⽹
效果图：横线
更多编程相关知识，请访问：编程教学！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。