书犹药也,善读可以医愚

    

设计清淡视觉表格

源代码:

<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

  关于博主

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

  近期评论

  • 暂无评论

无论有多困难,都坚强地抬头挺胸,告诉所有人,你并非他们想象的那样不堪一击。

每个人心里都有一段伤痕,时间才是最好的疗剂。

人总是珍惜未得到的,而遗忘了所拥有的。

退一步,并不象征我认输;放手,并不表示我放弃;微笑,并不意味我快乐!

人海中再回首,朋友真诚依旧,生命里重逢,心境平和温柔,往事如风,岁月如歌,漫漫人生路,苍桑几许,幸福几何!