子比主题添加绿色标题和分隔线效果

子比主题添加绿色标题和分隔线效果-源码资源网
子比主题添加绿色标题和分隔线效果
此内容为免费阅读,请登录后查看
0
限时特惠
38
本站资源均为网络收集整理而来,仅供学习和研究使用,请在下载后24小时内制除,谢谢合作!
免费阅读
已售 80

绿色标题和描述的容器效果,用于首页作为一些小组件的标题挺不错的。

使用方法:外观-小工具-自定义HTML,复制进去就可以了。具体哪里看你们自己吧。CSS压缩了,看不懂的话就可以把CSS格式化回来。

子比主题添加绿色标题和分隔线效果

<div class="emoji-container">
    <div class="emoji-title">NEW</div>
    <div class="emoji-separator emoji-sub emoji-sm">学无止境,活到老,学到老</div>
</div>

<style>
    .emoji-container{display:flex;flex-direction:column;align-items:center;text-align:center}
    .emoji-separator:before,.emoji-separator:after{content:"";background:#777;flex:1;height:1px;margin:0 10px;max-width:16%}
    .emoji-separator{display:flex;align-items:center;justify-content:center;width:100%}
    .emoji-sub{color:#8c92a1!important}
    .emoji-sm{font-size:14px}
    .emoji-title{font-size:24px;font-weight:bold;color:green}
</style>

 

 

重要提示

如有解压密码: 看下载页、看下载页、看下载页。
源码工具资源类具有可复制性: 建议具有一定思考和动手能力的用户购买。
请谨慎考虑: 小白用户和缺乏思考动手能力者不建议赞助。
虚拟商品购买须知: 虚拟类商品,一经购买打赏赞助,不支持退款。请谅解,谢谢合作!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容