子比主题美化 – 自定义一个背景文字声明介绍的样式代码

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

 

子比主题美化 – 自定义一个背景文字声明介绍的样式代码

教程

<div class="sys-item-13"><span>介绍文字</span> Ventura</div>

以上就是html代码,放到自己喜欢的地方即可!!比如文章内容下方.

CSS代码,放在后台css代码里

.sys-item-13 {
    background-image: url(背景地址);
    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;
}

图片自己找一个就好了。具体位置自己调整~

给TA打赏
共{{data.count}}人
人已打赏
美化教程

文章缩略图鼠标滑过图片动画!兼容7B2主题和子比主题

2024-12-8 23:25:55

技术教程

关于CentOS 7停止更新后无法安装宝塔面板yum源失效问题解决

2024-12-20 23:20:52

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索