当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< style >
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%;
}
</ style >
</ head >
< body >
< h4 >PHP中文网</ h4 >
</ body >
</ html >
|
效果图:

更多编程相关知识,请访问:编程教学!!
以上就是css怎么在文字两边加上横线的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
边框css四边怎么加
css怎么让图片随屏幕变化大小
css怎么设置span的宽度
css margin-left属性怎么用
css命名规范是什么
css怎么设置标签属性
纯css+div隐藏滚动条的实现方法(代码示例)
css怎么设置文字只读且不可复制
在css中怎么给按钮添加背景图片(详解及实例)
div在屏幕中如何实现水平居中和垂直居中
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么在文字两边加上横线