书犹药也,善读可以医愚

    

设计清淡视觉表格

源代码:

<html>
<head>
<meta charset="utf-8">
<title>分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者</title>
<style type="text/css"> 
  table {
  font-size: 16px;
  table-layout: fixed;
  empty-cells: show;
  border-collapse: collapse;
  margin: 0 auto;
  border: 1px solid #cad9ea;
  color:#333;
  margin-top: 100px;
} 
th{
  background-image: url(images/th_bg1.gif);
  background-repeat: repeat-x;
  height: 30px;
}
td { height: 20px; }
td, th {
  border: 1px solid #cad9ea;
  padding: 0 1em 0;
}
tr.a1 { background-color: #f5fafe; }
  #banner a{
  text-decoration:none;
}
#banner a:hover{
  text-decoration:underline;
}
</style>
</head>
<body>
<table width="919" height="331">
<tr class="a1">
<td width="231" align="center"><strong>名称</strong></td>
<td width="161" align="center"><strong>活跃度</strong></td>
<td width="112" align="center"><strong>原创度</strong></td>
<td width="128" align="center"><strong>维护者</strong></td>
<td width="263" align="center"><strong>其他</strong></td>
</tr>
<tr>
    <td><div id="banner">
    <a href="https://www.zhangxinxu.com/wordpress/" target="_blank">
    <font color="#0066FF">张鑫旭-鑫空间-鑫生活</font></a></div>
    </td>
    <td>★★★★☆</td>
    <td>★★★★★</td>
    <td>张鑫旭</td>
    <td>重构很厉害,不少经典文章经验</td>
</tr>
<tr class="a1">
    <td height="69"><div id="banner">
    <a href="https://luolei.org/page/23/" target="_blank">
    <font color="#0066FF">罗磊的独立博客</font></a></div>
    </td>
    <td>罗磊</td>
    <td>张鑫旭</td>
    <td>张鑫旭</td>
    <td>张鑫旭</td>
</tr>
</table>
</body>
</html>
  Previous post PHP建站时间
Next post   Hexo博客搭建过程

添加新评论

  近期动态

这是一个公告栏。
--- updated on 2019-04-15

  关于博主

芝兰生于幽谷,不以无人而不芳。

  近期评论

  • 暂无评论

  分类目录

成功源于不懈的努力。

暗自伤心,不如立即行动。

再多一点努力,就多一点成功。

得意淡然,失意坦然;喜而不狂,忧而不伤。

海纳百川,有容乃大;壁立千仞,无欲则刚。