這樣就好多了
好多了 | 猜猜現在我們用了多少標記?僅僅 2.1k。這裏只有 4 行 2 列,還沒有用來作間隔的 GIF。 |
就這樣 | 而且所有這些虛線邊框都是由 CSS 完成的,它們完全符合標準。
|
只用了 8 個表格單元和 4 條 CSS 規則。 | 我是說真的。就用了 8 個單元 4 條規則。
|
你只需要一條規則給 <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 }