子比美化 – 加一个NEW居中标题样式美化-阿七源码

文章最后更新时间：2025-05-28 19:11:49

带有绿色标题和描述的效果。标题文字居中显示，并使用24px的大字体和绿色字体颜色。标题下方是一条带有分隔线的描述，描述文字为灰色小字体，两侧有一条水平线，使其更加醒目和易读。这个设计适用于强调新内容或重要信息的展示

效果图：

图片[1]-子比美化 – 加一个NEW居中标题样式美化-阿七源码

部署教程

将下面的代码直接丢到：外观-小工具-自定义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>

到此教程结束

1 如果您喜欢本站，点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：开发工具 | 解压资源 | 进站必看
3 如若转载，请注明文章出处：
4 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责
5 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理
6 本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法、侵权等任何非法活动，否则后果自负

THE END

WordPress

子比美化 – 加一个NEW居中标题样式美化

效果图：

部署教程

请登录后发表评论