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

分享一个自我声明wordpress区块

实时效果展示

版权声明 1 本网站名称：大绵羊博客
2 本站永久网址：https://dmyblog.cn/
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ1992890443进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 如无特别声明本文即为原创文章仅代表个人观点，版权归《大绵羊博客》所有，欢迎转载，转载请保留原文链接。

实现代码

插入对应文件即可使用

    <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://dmyblog.cn/"
                style="color: #09ace2;">https://dmyblog.cn/</a><br>
            <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ<a
                href="http://wpa.qq.com/msgrd?v=3&amp;uin=1992890443&amp;site=qq&amp;menu=yes" target="_blank"
                style="color:#09ace2;">1992890443</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://dmyblog.cn/"
                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://dmyblog.cn/" style="color: #09ace2;">https://dmyblog.cn/</a><br>
            <span>3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1992890443&amp;site=qq&amp;menu=yes" target="_blank" style="color:#09ace2;">1992890443</a>进行删除处理。<br>
            <span>4</span> 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br>
            <span>5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br>
            <span>6</span> 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。<br>
            <span>7</span> 如无特别声明本文即为原创文章仅代表个人观点，版权归《<a href="https://dmyblog.cn/" style="color: #09ace2;">大绵羊博客</a>》所有，欢迎转载，转载请保留原文链接。<br>
        </fieldset>
    </div>
</body>

</html>

继续咕咕咕有时间更新插入主题的方法（

相关文章