这篇文章主要介绍css如何在文字两边加上横线，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联成立于2013年，先为长子等服务建站，长子等地企业，进行企业商务咨询服务。为长子企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

css中可利用:before、:after和content属性来在文字两边加上横线；语法“E:before,E:after{content:"";flex:1 1;border-bottom:2px solid;}”，E为包含文字的元素。

css在文字两边加上横线的方法

在css中，可以利用:before、:after选择器和content属性来实现。

:before 选择器向选定的元素前插入内容，:after 选择器向选定的元素之后插入内容。

content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。

示例：

	
		
		
	

	
		
创新互联网站建设公司，
	

以上是“css如何在文字两边加上横线”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网页名称：css如何在文字两边加上横线-创新互联
链接地址：http://lswzjz.com/article/cdjcse.html