看看表象之下是什么

这本可以做得简单得多。 猜猜我们在这个小表格里用了多少代码？足足 13.7k。这玩意儿一共有 17 行 9 列，还没算上那些用来做间隔的 GIF！
这种方法用了太多的表格单元和间隔符。 而且所有这种虚线边界都是用表格单元的 background 属性完成的，这可通不过 HTML 标准的验证。
• 嵌套表格？为啥？
• 不就是为了做个开头带圆点的列表嘛，何苦呢？
全部这些其实可以只用 8 个表格单元加 4 条 CSS 规则就搞定的。 我是说真的，只要 8 格单元和 4 条规则，只要这些。
• 噢不，又一个披着列表外皮的表格。
• 要做这种列表，其实只需要用 HTML 里的点列标记，剩下的就让 CSS 完成吧。
这四条规则是：一条给 <table>，一条给 <td>，一条给 <ul>，还有一条给 <li>。 就这么简单，写好这些就大功告成了。
• 这可比再用八个表格单元来伪装点列，同时大大丧失亲和力要好得多。
• 谢天谢地！总算是最后一个假结点了。

下面的代码描述的表格的结构：

table { margin: 3px; padding: 2px; border: solid 2px blue }

td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }