实时效果展示
实现代码
插入对应文件即可使用
- <div>
- <fieldset
- style=" border: 1.5px dashed #008cff; padding: 10px; border-radius: 5px; line-height: 2em;font-weight: 700;color: var(--key-color);background-color: var(--body-bg-color);">
- <legend align="center"
- style=" margin-bottom: -2px;width: 30%;text-align: center; background-color: #008cff; border-radius: 999px; background-image: linear-gradient(to right, #FFCC99, #FF99CC);border: 1.5px dashed #008cff;">
- 版权声明
- </legend>
- <span class="btn-info btn-xs">1</span> 本网站名称：<span style="color: #3333ff"><span
- style="color: #09ace2; font-size: 15px"><strong>人类小徐-分享有价值的资源</strong></span></span><br>
- <span class="btn-info btn-xs">2</span> 本站永久网址：<a href="https://www.rlxx.vip/"
- style="color: #09ace2;">https://www.rlxx.vip/</a><br>
- <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ<a
- href="http://wpa.qq.com/msgrd?v=3&uin=1934131068&site=qq&menu=yes" target="_blank"
- style="color:#09ace2;">1934131068</a>进行删除处理。<br>
- <span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br>
- <span class="btn-info btn-xs">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br>
- <span class="btn-info btn-xs">6</span> 本站资源大都存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。<br>
- <span class="btn-info btn-xs">7</span> 如无特别声明本文即为原创文章仅代表个人观点，版权归《<a href="https://www.rlxx.vip/"
- style="color: #09ace2;">人类小徐</a>》所有，欢迎转载，转载请保留原文链接。<br>
- </fieldset>
- </div>
独立版本html
- <!DOCTYPE html>
- <html lang="zh-CN">
-
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- fieldset {
- border: 1.5px dashed #008cff;
- padding: 10px;
- border-radius: 5px;
- line-height: 2em;
- font-weight: 700;
- color: var(--key-color);
- background-color: var(--body-bg-color);
- }
-
- legend {
- align-items: center;
- margin-bottom: -2px;
- width: 30%;
- text-align: center;
- background-color: #008cff;
- border-radius: 999px;
- background-image: linear-gradient(to right, #FFCC99, #FF99CC);
- border: 1.5px dashed #008cff;
- }
- </style>
- </head>
-
- <body>
- <div>
- <fieldset>
- <legend style=" ">
- 版权声明
- </legend>
- <span>1</span> 本网站名称：<span style="color: #3333ff"><span
- style="color: #09ace2; font-size: 15px"><strong>人类小徐-分享有价值的资源</strong></span></span><br>
- <span>2</span> 本站永久网址：<a href="https://www.rlxx.vip/" style="color: #09ace2;">https://www.rlxx.vip/</a><br>
- <span>3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ
- <a href="http://wpa.qq.com/msgrd?v=3&uin=1934131068&site=qq&menu=yes" target="_blank" style="color:#09ace2;">1934131068</a>进行删除处理。<br>
- <span>4</span> 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br>
- <span>5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br>
- <span>6</span> 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。<br>
- <span>7</span> 如无特别声明本文即为原创文章仅代表个人观点，版权归《<a href="https://www.rlxx.vip/" style="color: #09ace2;">人类小徐</a>》所有，欢迎转载，转载请保留原文链接。<br>
- </fieldset>
- </div>
- </body>
-
- </html>
本文来自投稿，不代表本站立场，如若转载，请注明出处：
