[子比主题美化教程] – 自定义背景文字介绍的样式代码-蛙言资源网

效果图：

给子比主题文章下面加一个文章介绍的背景样式代码，不仅可以在文章，看自己喜欢哪个地方就加到哪里！

代码教程：

1，CSS代码，放在后台css代码里

/*文章页新增声明*/
 .sys-item-99 {
    background-image: url(背景图片地址1);
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: 500;
}
.sys-item-88 {
    background-image: url(背景图片地址2);
    margin-top: 10px;
    height: 40px;
   line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: 500;
}
/*文章页新增声明*/

图片已经给大家打包好，下载后上次到自己服务器，不喜欢的自己去找其他图片

背景图片

下载

2，html代码，放到自己喜欢的地方即可！！比如文章内容下方.

<div class="sys-item-99"><span>自定义文字内容1</span> </div>
<div class="sys-item-88"><span>自定义文字内容2</span> </div>

本文最后更新于：2024-04-18 00:09:48若已失效，请在下方留言

温馨提示 1 本站信息：蛙言资源网 https://kun66.cn/
2 本站资源均来源网络，仅供学习参考，如有侵权，请联系我们删除
3 源码资源请下载后自行扫描是否含有后门等，避免带来损失等。
4 子比美化教程涉及修改文件的请注意备份，主题升级后会覆盖文件，所修改的代码会丢失
5 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
6 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
7 本站资源大多存储在云存储、图床及网盘，如发现链接失效，请联系我们我们会第一时间更新。