[主题美化]子比主题美化，仿macgf三条文章底部提醒

效果图

第一步

复制下面css代码，将下面css代码添加到自定义css，文章内图片自行本地化

本文隐藏内容

.sys-item-12 {        background-image: url(https://moxingbk.com/demo/mac12bj.png);        margin-top: 10px;        height: 40px;        line-height: 40px;        font-size: 14px;        color: #fff;        text-align: center;        border-radius: 6px;        font-weight: 500;    }    .sys-item-13 {        background-image: url(https://moxingbk.com/demo/mac13bj.png);        margin-top: 10px;        height: 40px;        line-height: 40px;        font-size: 14px;        color: #fff;        text-align: center;        border-radius: 6px;        background-size: auto 100%;        font-weight: 500;    }    .sys-item-14 {        background-image: url(https://moxingbk.com/demo/mac14bj.png);        margin-top: 10px;        height: 40px;        line-height: 40px;        font-size: 14px;        color: #fff;        text-align: center;        border-radius: 6px;        background-size: auto 100%;        font-weight: 500;    }

第二步

将下面代码添加到文章页面 在文章内容后-插入内容

本文隐藏内容

<div class="sys-item-12"><span>支持 macOS</span> Ventura 12.x</div><div class="sys-item-13"><span>支持 macOS</span> Ventura 13.x</div><div class="sys-item-14"><span>支持 macOS</span> Ventura 14.x</div>

转载来源：https://www.zibll.com/forum-post/29440.html