第四章 深入了解DW表格的应用

1、单元格填充与单元格间距

在[图009]中，我们发现单元格填充与单元格间距都设置为“0”，这是什么意思呢？

[图009]

我们先将表格的边框设置为1，再来看效果：

表一：（单元格填充：0；单元格间距：0）

表二：（单元格填充：5；单元格间距：0）

表三：（单元格填充：0；单元格间距：5）

从表一、二、三设置的值我们可以看出，“单元格填充”是指单元格内文字与四条边框线之间的距离，单元格间距是指上下左右两个单元格之间的距离。有些人说我不想让文字太靠近边缘，我用空格来分隔不也可以吗？但是你不要放了，如果这是一个多行多列的表格，你在每个输入的单元格内都按空格，那岂不是很麻烦。如果我们用单元格填充来设置，那就方便了很多。

附：讲到“空格”，我在这里补充讲一下，我们输入一篇文章时，首行都要空两格，可是你会发现，在DW中如果你按了一次空格键后，再按第二次就没反应了，实现的方法是同时按下“Ctrl键+Shift键+空格”，要空几格，就重复按几次；

2、表格边框线的设置

DW默认的边框线是比较粗的，我们设置表格的边框线为蓝色，选中表格，在属性栏中边框颜色下拉三角号点一下，在弹出的颜色表中选中蓝色，请参看[图017]

[图017]

设置完后显示结果如下：

表四

3、单元格填充颜色

选中表格，在属性栏中“背景颜色”下拉三角号点一下，选择颜色为黄色。请参看[图018]

[图018]

显示结果如下：

4、表格细边框线的制作方法

例：（1）插入一个两行两列的表格，设置单元格填充为0，单元格间距为1，表格边框为0；

（2）选中表格，设置背景颜色为黑色；

（3）选中所有单元格，在属性栏中设置背景颜色为白色；

结果如下：

在DW的编辑状态下，你看不太清楚细边框线是怎么回事，按F12即可浏览网页，效果如[图019]

[图019]

边框线的颜色可以自己随意修改，再配合前面讲过的设置单元格的宽度高度，文字在单元格中的水平垂直位置的对齐等设置，就可以设计出符合自己要求的表格出来了。

总结：这里涉及到的就是“表格”和“单元格”的区别，选中表格的方法，是鼠标移到外边框线的边缘，待出现四个方向箭的图标时，单击，就是选中整个表格，在对应的属性栏内设置的就是关于表格的属性；选中单元格的方法，是将鼠标移到某个格子内，单击，若要选中多个单元格，则按住鼠标左键不放，往右下角拖动，就可以选中多行多列的单元格，然后在属性栏中对其进行设置。只要分清表格和单元格，操作起来就不会感觉混乱。

我们做网页时，是因为把表格的边框线设置成0，所以在你浏览网页时，看不到框线，可实际上它都是用表格来进行规划的。只是在需要显示表格边框线的时候才显示，所以这就是为什么前面我们要讲到，做网页其实就是由多个表格组合而成，每个表格里又分单元格，然后在单元格内又继续插入表格，道理就在此。多加揣摩，另外也要通过不断的实践，遇到问题了，你才会去想如何解决，如何实现自己想要的效果。等你掌握比较熟练以后，你会发现，并不是只有唯一的一种方法可以实现，方法有很多，只是实现起来的难易程度不同罢了。