CSS,中间文字 两边横线 CSS样式写法
如上图,本文要分享的是两边文字、中间横线的CSS写法,比较简单:
HTML:
<divclass="title"><spanclass="name"><iclass="iconfonthd-title-icon"></i>子分类5</span><spanclass="more"><ahref="#">更多<iclass="iconfont"></i></a></span></div>
CSS:
.title{padding-left:10px;height:13px;border-bottom:1pxsolid#E3E9EF;line-height:24px;margin-bottom:22px;margin-bottom:50px;}.titlespan{display:inline-block;background-color:#F6F8FA;}.titlespan.name{padding-right:20px;font-size:30px;color:#212B34;font-weight:100;}.titlespan.namei{display:inline;font-size:38px;margin-right:8px;}.titlespan.more{float:right;padding-left:20px;color:#87959F;font-size:12px;}.titlespan.morei{margin-left:8px;}.titlespan.morea{color:#87959F;}
如果觉得《两边文字 中间横线的CSS写法 – CSS – 前端 css气泡》对你有帮助,请点赞、收藏,并留下你的观点哦!