|
- <style>
- body {
- font-family: Arial, sans-serif;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100vh;
- margin: 0;
- background-color: #f5f5f5;
- }
- .container {
- display: flex;
- background-color: white;
- border-radius: 8px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- overflow: hidden;
- }
- .qr-code {
- width: 100px; /* 根据需要调整宽度 */
- height: 100px; /* 根据需要调整高度 */
- margin: 10px; /* 添加上下左右各20px的边距 */
- }
- .content {
- padding: 20px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .qr-text {
- font-size: 18px;
- color: #333;
- margin-bottom: 5px;
- }
- .qr-subtitle {
- font-size: 14px;
- color: #666;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <img src="https://pic.fenx.top/view.php/c37b82b08deb7cffc20a8e1dc6616ff2.png" alt="QR Code" class="qr-code">
- <div class="content">
- <div class="qr-text">扫一扫关注微信公众号</div>
- <div class="qr-subtitle">获取最新资讯</div>
- </div>
- </div>
复制代码
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
×
温馨提示:本网站所展示的内容均由注册会员自行发布,这些内容仅代表作者本人的观点和立场,并不代表本网站的官方立场或意见。我们致力于打造一个开放的社区平台,鼓励用户自由表达和分享信息。然而,我们也明确声明,对于用户发布的内容,我们不承担任何法律责任。
|