网页制作教程4——表格的终极用法

DW中的表格属性

　　先说说DW里的表格。通过表格的属性对话框，我们能够配置表格的高度、宽度、边框、对齐方式、背景色和背景图片等属性。

　　指定宽度能够选择象素和百分比两种形式。一般我们都使用百分比形式，这样在不同的分辨率下表格的显示是按照页面的比例自动拉伸的。边框能够配置颜色和粗细，注意看右边的亮边框和暗边框选项，假如不对亮边框和暗边框进行配置，那么“表格边框”设为1的时候，做出来的表格并不是常见的那种1个象素边框的细表格，而是像下面这种表格：

　　

虚线表格

　　现在似乎相当流行呀。上面我们已介绍到，在属性里的页面属性中就能够选择“虚线”选项，但是这要在IE5.5以上的版本才能支持，网景浏览器则根本不支持。

　　有一种最简单的办法，在各个浏览器中都能支持，而且很美观。

　　先在photoshop里做一个1×2象素大小的图片，一半填充为白色，一半填充为黑色。如图所示：

　　

然后在网页编辑器如DW中插入表格，在表格属性里将表格的间距配置为1，边距和边框都设为0（这一步很重要！）将上面做的1×2的图片配置为表格的背景。

　　

这时候我们看到表格成了这个样子：

　　

带阴影的表格

　　由于这个表格制作起来比较麻烦，还要修改html代码，很多人可能做半天也很难做出来（我第一次就做了N久~大概是我太笨了~~？！）干脆就把代码写出来，大家贴过去就是了~~有偷懒得嫌疑，呵呵……

　　

园角表格

　　先做出如下两张图片（具体的作图方法就不用说了吧？……第二张图片是第一张图片垂直翻转得到的）：

　　

创建一个2行一列的表格，把两张图片分别插入表格的第一和第二行。把表格的宽的配置为和图象的宽度相同，如我们配置的宽度是140象素。