看看表象之下是什么
这本可以做得简单得多。 | 猜猜我们在这个小表格里用了多少代码?足足 13.7k。这玩意儿一共有 17 行 9 列,还没算上那些用来做间隔的 GIF! | ||||||||||||
这种方法用了太多的表格单元和间隔符。 | 而且所有这种虚线边界都是用表格单元的 background 属性完成的,这可通不过 HTML 标准的验证。
| ||||||||||||
全部这些其实可以只用 8 个表格单元加 4 条 CSS 规则就搞定的。 | 我是说真的,只要 8 格单元和 4 条规则,只要这些。
| ||||||||||||
这四条规则是:一条给 <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 }