公众号关注引导源码

1. <style>
   
2.   .container {
   
3.     display: flex;
   
4.     background-color: white;
   
5.     border-radius: 8px;
   
6.     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   
7.     overflow: hidden;
   
8.   }
   
9.   .qr-code {
   
10.     width: 80px; /* 根据需要调整宽度 */
    
11.     height: 80px; /* 根据需要调整高度 */
    
12.     margin: 10px; /* 添加上下左右各20px的边距 */
    
13.   }
    
14.   .content {
    
15.     padding: 20px;
    
16.     display: flex;
    
17.     flex-direction: column;
    
18.     justify-content: center;
    
19.   }
    
20.   .qr-text {
    
21.     font-size: 14px;
    
22.     color: #333;
    
23.     margin-bottom: 5px;
    
24.   }
    
25.   .qr-subtitle {
    
26.     font-size: 10px;
    
27.     color: #666;
    
28.   }
    
29. </style>
    
30. <div class="container">
    
31.   <img src="https://pic.fenx.top/view.php/c37b82b08deb7cffc20a8e1dc6616ff2.png" alt="QR Code" class="qr-code">
    
32.   <div class="content">
    
33.     <div class="qr-text">扫一扫关注微信公众号</div>
    
34.     <div class="qr-subtitle">获取最新资讯</div>
    
35.   </div>
    
36. </div>

复制代码

效果图

公众号关注引导源码

把body{……}这一段代码删掉试试

39行和40行也删掉