带有绿色标题和描述的效果。标题文字居中显示,并使用24px的大字体和绿色字体颜色。标题下方是一条带有分隔线的描述,描述文字为灰色小字体,两侧有一条水平线,使其更加醒目和易读。这个设计适用于强调新内容或重要信息的展示
效果图:
![图片[1]-子比美化 – 加一个NEW居中标题样式美化-阿七源码](https://www.wmr7.com/wp-content/uploads/2025/05/01-3.jpg)
部署教程
将下面的代码直接丢到:外观-小工具-自定义HTML即可,自己喜欢就改一下里面文字
<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
















暂无评论内容