实时效果展示
实现代码
插入对应文件即可使用
<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>本文来自投稿，不代表本站立场，如若转载，请注明出处：
