用DreamweaverMX巧妙格式化表格(1)

中华网科技 http://tech.china.com 2005-06-14 14:32:02

【进入BBS】【进入聊天室】【 推荐给朋友 】【浏览字号：大 中 小】【关闭窗口】

　　表格制作好了，内容也有了，怎么看着别扭呀！哦，还没有给表格化化装－－格式化表格呀，俗话说：人靠衣服也靠鞍，要想让你制作的网页漂漂亮亮、美观大方，还有很长的路要走呢！

一、格式化表格

表格的格式化主要包括表格的对齐方式、间距与边距的调整、边框的设置及背景的设置。大部分工作可以通过表格的属性面板完成，如图1所示。

对齐：选定表格后，通过属性面板中Align(对齐)设置表格在网页中对齐方式：居中、居左或居右，如果你要使表格想去哪就去哪，想不去哪就不去哪，还得另想高招：

1、将表格放置到层中；

2、表格中嵌套表格。

CellPad(边距)和CellSpace(间距)：搞清楚两个概念是关键：边距是指单元格中文本与单元格边框之间的距离，而间距是指单元格之间的距离，如图2所示，两者的单位都是象素，默认情况下以间距2，边距1的设置显示表格。



表格的边框：可设置颜色和宽度，在“Border(边框)”域中默认值是1，增大数值可使边框宽度增加，形成立体边框，若输入的数值为“0”，则在浏览网页时不显示的表格的边框，只显示其中内容，这在网页设计中是应用比较多的。通过“BrdrColor(边框颜色)”域设置边框的颜色。

表格背景：在“BgColor(背景颜色)”和“BgImage(背景图象)”域中对背景可设置颜色和图象，在设置背景图象时若表格大于图象，则图象是重复出现的。有时可形成奇特效果。

二、格式化单元格

单元格的格式化包括单元格及其中内容的格式化，通过单元格的属性面板进行设置，如图3所示。



单元格中文本：主要对字体、字号、颜色、对齐方式、是否换行等设置。在这里特别说明的是“NoWrap(换行)”的设置，默认单元格中的文本“换行”的，如果内容较长且要求相对完整，那么就要设置为“不换行”，选中“NoWrap”后的复选框即可，这样在网页浏览时表格的宽度可能超过显示器屏幕。选中“Header”后复选框可将光标所在行设置为标题：文本加粗并自动居中。

单元格背景：在“Bg(背景)”域中给单元格加上背景颜色或图象，方法与表格背景的设置相同。

单元格边框：在“Border(边框)”域中设置单元格的颜色。

首页 上页 | 1 | 2 | 下页 尾页  共 2 页