弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 3195|回复: 0

弘帝通用PLUS框架-用于边框装饰:hondy.plus.box.css

[复制链接]
发表于 2019-6-20 09:21:42 | 显示全部楼层 |阅读模式
边框装饰主要是指在版块最外层的装饰效果,只需要添加黑粗class值,即可实现。
示例:<div class="bottom py-5 part-circle-xxx"></div>
TIM图片20190620092640.png

.part-circle-chrome  
.part-circle-chrome{position: relative;}
.part-circle-chrome::before{display:flex;justify-content:center;align-items:center;font-size:3em;color:#0074c5;position: absolute;width:50px;height:50px;top:-25px;left:calc(50% - 25px);content:'\f268';background:#fff;border-radius:100%;}

.part-circle-forumbee
.part-circle-chrome{position: relative;}
.part-circle-chrome::before{display:flex;justify-content:center;align-items:center;font-size:3em;color:#0074c5;position: absolute;width:50px;height:50px;top:-25px;left:calc(50% - 25px);content:'\f211';background:#fff;border-radius:100%;}


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-27 15:45 , Processed in 0.056758 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表