当前第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 font-stretch属性怎么用
css怎么设置水平对齐
如何设置css作用域
a标签怎么去掉下划线
css为什么无法加载
html5的classlist属性操作css类的使用详解
css行级元素和块级元素之间怎么转换
css flex-grow属性怎么用
css实现div一直旋转的方法
css bottom属性怎么用
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么在文字两边加上横线