用Dreamweaver MX巧妙格式化表格

作者:温传伟 来源:赛迪网 时间:2008-03-18 16:39:00 

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

一、格式化表格

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


用Dreamweaver MX巧妙格式化表格



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

1、将表格放置到层中;

2、表格中嵌套表格。

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


用Dreamweaver MX巧妙格式化表格



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

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

二、格式化单元格

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


用Dreamweaver MX巧妙格式化表格



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

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

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

标签:Dreamweaver,表格
0
投稿

猜你喜欢

  • pytho多张图片的无损拼接的实现示例

    2021-10-09 08:25:18
  • pyCharm 设置调试输出窗口中文显示方式(字符码转换)

    2022-04-22 00:23:52
  • Linux安装Pytorch1.8GPU(CUDA11.1)的实现

    2021-12-20 10:02:00
  • Python变量及数据类型用法原理汇总

    2022-12-04 11:11:41
  • Python生成随机验证码的两种方法

    2022-06-27 02:39:56
  • JavaScript实现三种常用网页特效(offset、client、scroll系列)

    2023-08-27 11:54:30
  • Python实现用户登录并且输入错误三次后锁定该用户

    2022-07-28 12:02:47
  • Python使用pyinstaller实现学生管理系统流程

    2023-05-25 02:58:05
  • asp如何在数据库中用好Transaction?

    2010-06-22 21:07:00
  • Python笔记之工厂模式

    2022-11-07 17:58:47
  • Python3爬虫里关于代理的设置总结

    2021-05-05 23:58:12
  • 在Asp程序中取得表单所有内容的方法

    2010-04-24 16:07:00
  • 选择python进行数据分析的理由和优势

    2022-03-31 10:51:01
  • python根据路径导入模块的方法

    2021-10-23 14:27:38
  • python实现简单的学生管理系统

    2022-11-25 08:34:04
  • Oracle数据库url连接最后一个orcl代表的是配置的数据库SID

    2024-01-26 12:38:12
  • MySQL数据库root权限丢失解决方案

    2008-07-13 13:59:00
  • python3使用pyqt5制作一个超简单浏览器的实例

    2023-04-12 19:44:51
  • 对python 自定义协议的方法详解

    2023-05-26 07:20:04
  • win10下安装Go和Goland的详细教程

    2024-02-12 10:57:16
  • asp之家 网络编程 m.aspxhome.com