給你的勛章名字加上好看的框

影子江湖

我又來給大家?guī)砗每吹拿阑坛塘?這次是給勛章名字加上框,效果不錯(cuò)吧,下次給大家分享下給勛章左上角加圖標(biāo)

1. p.xw1 {
   
2.     background-image: url(自己把圖片素材上到你網(wǎng)站任意位置/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. }

復(fù)制代碼

上面是代碼

復(fù)制到勛章中心的css最底下即可,因?yàn)槊總€(gè)人模板不同,自己研究




這是圖片素材

ysx24

非常感謝，收下了，不過應(yīng)該來個(gè)默認(rèn)模板示例，不然像我這樣的小白真的很懵

351642

具體在那個(gè)位置插入呢？

海哥

感謝大佬的貢獻(xiàn)

微資源共享平臺(tái)

66666666666

q6545133

這個(gè)好看

Sorrel

請(qǐng)問作者，勛章邊框加上角標(biāo)如何加呢？

二魚

感謝大佬的貢獻(xiàn)

海哥

我這咋個(gè)代碼加進(jìn)去沒效果呢

影子江湖

海哥 發(fā)表于 2024-8-30 11:11
我這咋個(gè)代碼加進(jìn)去沒效果呢

CSS位置不對(duì)，畢竟每個(gè)人模板不一樣