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; }