书犹药也,善读可以医愚

    

设计清淡视觉表格

源代码:

<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

  关于博主

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

  近期评论

  • 暂无评论

很多东西宁缺毋滥,流星的光芒短暂而灼热闪耀。

让你变得更好的那个人,往往是你觉得很难与之相处的那个人。—— by 小宇

觉得自己做的到和不做的到,其实只在一念之间。

路在自己脚下,没有人可以决定我的方向。

你的选择是做或不做,但不做就永远不会有机会。

凡事顺其自然,遇事处于泰然,得意之时淡然,失意之时坦然,艰辛曲折必然,历尽沧桑悟然。