给你的勋章名字加上好看的框

影子江湖

我又来给大家带来好看的美化教程了,这次是给勋章名字加上框,效果不错吧,下次给大家分享下给勋章左上角加图标

1. p.xw1 {
   
2.     background-image: url(自己把图片素材上到你网站任意位置/B82_SJZTX_05.png);
   
3.     background-repeat: no-repeat;
   
4.     margin-right: 20px;
   
5.     padding: 15px;
   
6.     transform: translateX(12px);
   
7.     color: #fff;
   
8.     /* line-height: 23px; */
   
9. }

上面是代码

复制到勋章中心的css最底下即可,因为每个人模板不同,自己研究

这是图片素材



这是, 图片素材, 你的, 勋章, 名字

ysx24

非常感谢，收下了，不过应该来个默认模板示例，不然像我这样的小白真的很懵

351642

具体在那个位置插入呢？

海哥

感谢大佬的贡献

微资源共享平台

66666666666

q6545133

这个好看

Sorrel

请问作者，勋章边框加上角标如何加呢？

二鱼

感谢大佬的贡献

海哥

我这咋个代码加进去没效果呢

影子江湖

CSS位置不对，毕竟每个人模板不一样