none

给网站增加一个版权声明区块

本文阅读 3 分钟
首页 正文

实时效果展示

360截图20231006160135544.jpg

实现代码

插入对应文件即可使用
  1. <div>
  2. <fieldset
  3. 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);">
  4. <legend align="center"
  5. 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;">
  6. 版权声明
  7. </legend>
  8. <span class="btn-info btn-xs">1</span> 本网站名称:<span style="color: #3333ff"><span
  9. style="color: #09ace2; font-size: 15px"><strong>人类小徐-分享有价值的资源</strong></span></span><br>
  10. <span class="btn-info btn-xs">2</span> 本站永久网址:<a href="https://www.rlxx.vip/"
  11. style="color: #09ace2;">https://www.rlxx.vip/</a><br>
  12. <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ<a
  13. href="http://wpa.qq.com/msgrd?v=3&amp;uin=1934131068&amp;site=qq&amp;menu=yes" target="_blank"
  14. style="color:#09ace2;">1934131068</a>进行删除处理。<br>
  15. <span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br>
  16. <span class="btn-info btn-xs">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报<br>
  17. <span class="btn-info btn-xs">6</span> 本站资源大都存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。<br>
  18. <span class="btn-info btn-xs">7</span> 如无特别声明本文即为原创文章仅代表个人观点,版权归《<a href="https://www.rlxx.vip/"
  19. style="color: #09ace2;">人类小徐</a>》所有,欢迎转载,转载请保留原文链接。<br>
  20. </fieldset>
  21. </div>

独立版本html

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. fieldset {
  9. border: 1.5px dashed #008cff;
  10. padding: 10px;
  11. border-radius: 5px;
  12. line-height: 2em;
  13. font-weight: 700;
  14. color: var(--key-color);
  15. background-color: var(--body-bg-color);
  16. }
  17. legend {
  18. align-items: center;
  19. margin-bottom: -2px;
  20. width: 30%;
  21. text-align: center;
  22. background-color: #008cff;
  23. border-radius: 999px;
  24. background-image: linear-gradient(to right, #FFCC99, #FF99CC);
  25. border: 1.5px dashed #008cff;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div>
  31. <fieldset>
  32. <legend style=" ">
  33. 版权声明
  34. </legend>
  35. <span>1</span> 本网站名称:<span style="color: #3333ff"><span
  36. style="color: #09ace2; font-size: 15px"><strong>人类小徐-分享有价值的资源</strong></span></span><br>
  37. <span>2</span> 本站永久网址:<a href="https://www.rlxx.vip/" style="color: #09ace2;">https://www.rlxx.vip/</a><br>
  38. <span>3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ
  39. <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1934131068&amp;site=qq&amp;menu=yes" target="_blank" style="color:#09ace2;">1934131068</a>进行删除处理。<br>
  40. <span>4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br>
  41. <span>5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报<br>
  42. <span>6</span> 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。<br>
  43. <span>7</span> 如无特别声明本文即为原创文章仅代表个人观点,版权归《<a href="https://www.rlxx.vip/" style="color: #09ace2;">人类小徐</a>》所有,欢迎转载,转载请保留原文链接。<br>
  44. </fieldset>
  45. </div>
  46. </body>
  47. </html>
本文来自投稿,不代表本站立场,如若转载,请注明出处:
Image
PotPlayer 播放器 230523 官方正版
« 上一篇 10-06
WordPress下载站模板5play主题
下一篇 » 10-06