网站块状渐变文字广告美化版代码分享

效果图

文字广告代码分别一小块一小块的，背景渐变，滑过时，背景会进行相反渐变，文字加阴影效果，总体来说还是很美观的呀。

<div class="text-block">
  <a target="_blank" href="https://www.foxccs.com/">
    <div>
      <p>狐狸资源网</p>
      <p>点击访问</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>狐狸资源网</p>
      <p>点击访问</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>狐狸资源网</p>
      <p>点击访问</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>狐狸资源网</p>
      <p>点击访问</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>狐狸资源网</p>
      <p>点击访问</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>广告招租</p>
      <p>点击咨询</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>广告招租</p>
      <p>点击咨询</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>广告招租</p>
      <p>点击咨询</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>广告招租</p>
      <p>点击咨询</p>
    </div>
  </a>
  <a target="_blank" href="javascript:;">
    <div>
      <p>广告招租</p>
      <p>点击咨询</p>
    </div>
  </a>
</div>

隐藏内容，输入密码后查看

微信扫描二维码或搜索【狐狸工具盒】小程序，输入【2024080511】获取密码验证后才能查看！！！

提交

每个广告代码里有两行文字，上面为广告文字，下面是点击访问或者点击咨询，不解释了，应该都明白。