子比主题美化-仿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>