yusr 发表于 2024-9-20 12:25:27

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


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



p.xw1 {    background-image: url(自己把图片素材上到你网站任意位置/B82_SJZTX_05.png);    background-repeat: no-repeat;    margin-right: 20px;    padding: 15px;    transform: translateX(12px);    color: #fff;    /* line-height: 23px; */}上面是代码

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




这是图片素材

可可的可 发表于 2024-9-20 12:25:47

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

月落秋水 发表于 2024-9-20 12:26:34

具体在那个位置插入呢？

可可的可 发表于 2024-9-20 12:27:02

感谢大佬的贡献

ysx24 发表于 2024-9-20 12:27:21

66666666666

站帮网 发表于 2024-9-20 12:28:14

这个好看

::Bra 发表于 2024-9-20 12:28:31

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

ysx24 发表于 2024-9-20 12:29:03

感谢大佬的贡献

ysx24 发表于 2024-9-20 12:30:02

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

yusr 发表于 2024-9-20 12:30:39

CSS位置不对，毕竟每个人模板不一样
页: [1]
查看完整版本: 给你的勋章名字加上好看的框