文章添加版权声明

文章添加版权声明特效如下：

代码部署：

<div>
  <!-- 开始网站声明代码块 -->
  <div>
    <!-- 使用fieldset标签创建一个带边框的区域 -->
    <fieldset
      style="
        border: 1px dashed #008cff; /* 边框为1像素宽的虚线，颜色为蓝色 */
        padding: 10px; /* 内边距为10像素 */
        border-radius: 5px; /* 圆角边框，半径为5像素 */
        line-height: 2em; /* 行高为2倍 */
        color: #6d6d6d; /* 文字颜色为深灰色 */
      "
    >
      <!-- legend标签定义fieldset的标题 -->
      <legend
        align="center" /* 标题居中对齐 */
        style="
          width: 30%; /* 宽度为父元素的30% */
          text-align: center; /* 文本居中 */
          background-color: #008cff; /* 背景颜色为蓝色 */
          border-radius: 5px; /* 圆角边框 */
          background-image: linear-gradient(to right, #FFCC99, #FF99CC); /* 背景渐变色从左至右变化 */
        "
      >
        文章版权声明
      </legend>
      <!-- 网站声明的具体内容 -->
      1、本网站名称：<span style="color: #3333ff">
        <span style="color: #FF6666; font-size: 18px"><strong>梦幻领域</strong></span>
      </span><br />
      2、本站永久网址：<font color="#FF6666">https://jiuweimao.cn</font><br />
      3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。<br />
      4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br />
      5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br />
      6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。<br />
    </fieldset>
  </div>
  <!-- 结束网站声明代码块 -->
  <br /> <!-- 添加一个换行，增加一些视觉上的间隔 -->
</div>

ヾ(≧∇≦*)ゝ喜欢其他颜色自行修改，注释已标注(˘̩̩̩ε˘̩ƪ)这里就不列出来了。

第二种样式：

代码部署：

<div>
  <!-- 外层容器 -->
  <fieldset
    style=" 
      border: 1.5px dashed #008cff; /* 设置边框为1.5像素宽的蓝色虚线 */
      padding: 10px;                 /* 设置内边距为10像素 */
      border-radius: 5px;            /* 设置圆角边框，半径为5像素 */
      line-height: 2em;              /* 设置行高为2倍字体大小 */
      font-weight: 700;              /* 设置字体加粗 */
      color: var(--key-color);       /* 使用CSS变量设置文字颜色 */
      background-color: var(--body-bg-color); /* 使用CSS变量设置背景颜色 */
    "
  >
    <!-- 创建一个带有边框和背景的声明区域 -->
    <legend align="center"
      style=" 
        margin-bottom: -2px;         /* 下边距为-2像素，使图例稍微下沉 */
        width: 30%;                  /* 宽度为父元素的30% */
        text-align: center;          /* 文本居中对齐 */
        background-color: #008cff;   /* 背景颜色为蓝色 */
        border-radius: 999px;       /* 设置极高的圆角值，使其呈现圆形 */
        background-image: linear-gradient(to right, #FFCC99, #FF99CC); /* 设置背景渐变色 */
        border: 1.5px dashed #008cff;/* 边框为1.5像素宽的蓝色虚线 */
      "
    >
      版权声明 <!-- 图例标题 -->
    </legend>
    
    <!-- 列出网站的声明条款 -->
    <span class="btn-info btn-xs">1</span>  <!-- 使用特定类来模拟按钮效果 -->
    本网站名称：<span style="color: #3333ff">
      <span style="color: #09ace2; font-size: 18px"><strong>梦幻领域</strong></span>
    </span><br />
    <span class="btn-info btn-xs">2</span> 本站永久网址：<font color="#09ace2">https://jiuweimao.cn</font><br />
    <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 进行删除处理。<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 />
  </fieldset>
</div>

感谢您的来访，获取更多精彩文章请收藏本站。