Man telephoning his co-worker in a panic

这样就好多了

好多了猜猜现在我们用了多少标记?仅仅 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 }

>
Scott Design