这样就好多了

好多了 猜猜现在我们用了多少标记？仅仅 2.1k。这里只有 4 行 2 列，还没有用来作间隔的 GIF。
就这样 而且所有这些虚线边框都是由 CSS 完成的，它们完全符合标准。
  • 现在它是一条列表项了
  • 正是它原本应该的那样
只用了 8 个表格单元和 4 条 CSS 规则。 我是说真的。就用了 8 个单元 4 条规则。
  • 点列万岁
  • 何不用 HTML 本身的点列标记并让 CSS 搞定剩下的？
你只需要一条规则给 <table>，一条给 <td>，一条给 <ul>，还有一条给 <li>。 就这么简单，写好这些就大功告成了。
  • 点列标记，我就喜欢。
  • 万岁！再也没有假圆点了。

这是用来去掉那些多余的标记的 CSS 代码：

table { border-bottom: 1px dotted fuchsia; border-left: 1px dotted fuchsia }

td { padding: 11px 20px 20px 11px; border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia }

ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }

li { margin-bottom: 10px }