20、网页布局设计：表格与框架的运用

网页布局设计：表格与框架的运用

在网页设计中，表格和框架是非常实用的工具，它们能帮助我们创建出更具吸引力和功能性的网页。下面将详细介绍表格和框架的相关知识及应用。

表格的背景设置与应用

在表格中，背景图像和背景颜色都有各自的用途。要为表格行添加背景图像，可在 <TR> 元素中使用 background 属性，示例如下：

<TR background="leaf_bg.gif">

在单元格级别添加背景图像，则在 <TD> 元素中使用该属性：

<TD background="leaf_bg.gif">

背景颜色在表格中极为有用。在展示普通表格数据时，可利用背景颜色区分不同行，提高可读性，还能突出标题、强调底线等。

在网页设计中，表格背景颜色的优势在于可让单元格呈现任意大小和颜色，从而创建与表格融为一体的彩色条。不过，单元格的背景颜色只有在有内容时才会在浏览器中显示。为了创建彩色条且不被其他内容覆盖背景颜色，聪明的网页设计师采用了一个简单的方法：创建一个仅由单个透明像素组成的特殊图像。这样的图像可加载到任何单元格中，无需缩小就能适配，且不可见。同时，可通过更改图像的高度和宽度值来确定包含该图像的单元格大小。

以下是一个实用示例及对应的 HTML 代码：