19、网页表格布局设计全解析

网页表格布局设计全解析

在网页设计中，表格是一种强大的工具，它可以帮助我们创建出结构清晰、布局合理的网页。下面将详细介绍表格在网页布局中的各种应用和设置技巧。

1. 边框设置与设计建议

在修改边框时，有多种选择，包括内部边框（技术上称为规则）。然而，这些设置要么是特定浏览器独有的，要么没有得到广泛支持，因此价值不大。

在设计阶段，即使你打算使用无边框表格，最好也保留边框。这样可以帮助你直观地看到每个单元格的准确位置以及它们之间的关系。在将网页上传到网站之前，将边框设置为零是最后一步操作。

2. 单元格内边距和间距设置

• 单元格内边距（Cell Padding） ：单元格内边距是指边框与内容之间的空间。根据单元格的内容，你可能需要创建一些空间，或者完全不设置空间。例如，图片在没有内边距的情况下看起来效果最佳，而文本在有一定内边距时更易阅读。
  内边距通过 TABLE 元素的 cellpadding 属性设置，且只能为整个表格设置，不能为单个单元格设置。要实现2像素的内边距，可以使用以下代码：

<TABLE cellpadding="2">

• 单元格间距（Cell Spacing） ：单元格间距是指单元格之间的空间。它通过 TABLE 元素的 cellspacing 属性设置。