主题美化 – 置顶角标美化

效果

image

 

教程

css代码:

 

本文隐藏内容 – 登录可见
 
 
 
.posts-item badge.img-badge.left.jb-red {
position: absolute;
top: 10px;
right: -50px;
z-index: 1;
width: 140px;
height: 20px;
background: var(–theme-color);
color: #fff;
line-height: 20px;
transform: rotate(45deg);
text-align: center;
font-size: 12px;
left: auto;
border-radius: 0 50px 50px 0;
}

如果需要修改背景颜色或修改为图片只需要将var(--theme-color)改成你想要的颜色或图片即可,默认跟随主题色

温馨提示:本文最后更新于2024-05-09 15:30:13,某些文章具有时效性,若有错误或已失效,请在下方留言
© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
还有吗!没看够!
取消
昵称表情代码图片

    暂无评论内容