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