一个给很不错的html表格样式-酷库博客

用过几个表格，都不怎么尽人意，这是从其他地方摘下来的，感觉很不多就记录一下

HTML代码

<div class="gold-page-list">
  <div class="gold-header" style="color: rgb(133, 144, 166);">
    <div class="gold-list-row-1">时间</div>
    <div class="gold-list-row-2">类型</div>
    <div class="gold-list-row-3">数额</div>
    <div class="gold-list-row-4">总额</div>
    <div class="gold-list-row-5">描述</div>
  </div>
  <ul>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
    <li>
      <div class="gold-list-row-1">
        <span>
          <time class="b2timeago" datetime="2022-02-25 17:18:55" itemprop="datePublished">2月25日</time>
        </span>
      </div>
      <div class="gold-list-row-2">注册奖励</div>
      <div class="gold-list-row-3">
        <span>160</span>
      </div>
      <div class="gold-list-row-4">
        <span>160</span>
      </div>
      <div class="gold-list-row-5">感谢您的注册！</div>
    </li>
  </ul>
</div>