html - HTML 表格中的空格？

Question

我是 HTML 的新手，我想知道除了使用空格的蛮力创建以下示例表之外是否还有有效的方法:

我试过制作它，但代码并不漂亮。非常感谢您的帮助和提示。

Answer 1

HTML:

<table>
  <tr><td class="lcol"></td><td class="mcol"></td><td class="rcol"></td></tr>
  <tr><td class="mrow"></td><td></td><td></td></tr>
  <tr><td class="brow"></td><td></td><td></td></tr>
</table>

CSS:

.lcol { width: 40px; height: 40px; }
.mcol { width: 400px; }
.rcol { width: 40px; }
.mrow { height: 400px; }
.brow { height: 40px; }

显然根据需要调整像素大小。如果你想适应页面，你也可以使用“%”。

编辑:如果你想显示边框，那么在css中:

table { border-collapse: collapse; border: 1px solid #000; }
td { border: 1px solid #000; margin: 0; }