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

成都创新互联公司是工信部颁发资质IDC服务器商，为用户提供优质的雅安移动机房服务

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://ybzwz.com/article/joidip.html