如何在Dreamweaver中修饰表格样式

    上篇文章《如何用Dreamweaver在页面中插入表格》介绍了在页面中插入表格的制作方法，但插入的表格样子很丑（如图一），下面介绍一些简单的表格修饰方法。

给表格定义背景、边框
　　给表格设置背景首先要选中整个表格，选中表格也有很多种方法，我只介绍两种简单的。

    第一种，将鼠标点击表格内任意一个单元格中，随后点击标签选择器中的<table>标签，整个表格就被选中了。

    第二种方法更简单，将鼠标放在表格后面，按住左键向左一划，就像选择文本一样，整个表格也被选中了，不过这种方法有时候会受限制。

    选中表格后，同时软件下方的属性面板随之变成了表格属性的相关内容。

    首先重新设置一下填充、间距和边框的值，上篇文章定义的数值比较大，只是为了做示例用，现在将它们三个的值全部定义为1会比较美观。

    点击背景颜色的颜色选择器可选择指定的颜色代码，或者在输入框内直接输入颜色值，我们选用#CCCCCC这个值，设定完后表格背景就发生了变化，但你会发现表格标题“成绩单”那里还是白色的，没错，我们无法在这里修改它的样式，只能通过CSS来设定，这是后话，暂且不在讨论这个问题。

    边框颜色和背景颜色的选择方法相同，我们取值#000000，表格随之又发生了变化，每个单元格都有了黑框框，效果如图三。

    背景图像暂时为空，如果你选择了它，那背景颜色就会被图片覆盖，只能看到背景图片而不显示背景颜色了，通常情况下二者只定义其一就可以了。

定义单元格背景、边框
　　整个表格的定义完成了，但有些特别的单元格需要单独定义该怎么办？

    比如我们要在成绩单中突出某位同学得了100分的课程，看下表中100分的两个单元格，将鼠标点击到二丫的数学成绩单元格中，这时属性面板变成了该单元格的属性项目，我们将背景颜色定义为#99CCFF，边框定义为#FFFFFF。然后同样方法，将铁蛋的语文成绩单元格也设置成相同样式。

    这种逐一定义的设置方法只适合数量比较少的单元格定义，如果有5-10个单元格都需要定义成相同的样式要怎么做？CSS是首选，但这里先把它放在一边，除此之外还有一个简单的方法，就是利用Ctrl键复选。

    比如我们要把二丫的数学和铁蛋的语文定义为相同样式，先按住Ctrl键，单击二丫数学的单元格，不松开Ctrl键，再点击铁蛋的语文成绩单元格，在属性工具栏中填入背景颜色和边框颜色，就这样，两个单元格同时定义成功了，效果如图四。

定义单元格的宽与高
　　新建这个成绩单表格时，我们填入的总宽度是500像素，当每个单元格中都空着或都有相似内容的时候它们是均等的，如果当某个单元格内内容过多时，表格会被撑开变形，如图五，这个时候就需要定义一下单元格的宽度和高度。

    首先定义输入名字的列，因为名字的宽度并不大，而且从第一行的第一列的第一个单元格纵向向下宽度都应该是相同的，所以我们只要定义表格左上角的第一个单元格就可以了，取值为80像素。

    这样下来，留给数学和语文的单元格宽度就剩下420像素了，我们不用将他们都定义为210像素，因为在新建表格的时候已经输入了表格的总宽度，所以将数学的单元格宽度定义为210像素，语文的单元格宽度就自动变为210像素了。

    表格看起来有点拥挤，给单元格定义高度可能会比较好些，每行的高度必须定义第一列的单元格才能定义成功，所以我们必须给第一列的单元格全部定义一个高度，利用Ctrl键复选吗？太麻烦了。将鼠标点击到二丫上面的那个单元格内，按住鼠标不松开，一直向下拉到狗剩的单元格，随后在下面属性面板中的高度框中输入30，单元格变高了，效果如图六。

    到此，表格的基本修饰工作做完了，您觉得它还是比较丑？那没办法，估计是配色的问题，毕竟我不是美工。

    下篇文章将给大家讲解进阶部分《表格的嵌套》。