一个给很不错的html表格样式

广30/

图片[1]-一个给很不错的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>

CSS代码

文章回复-酷库博客.png此处内容已隐藏,评论后刷新即可查看!

广30/

© 版权声明
THE END
喜欢就支持一下吧
点赞203 分享
风言风语 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片