网页设计与制作教程（Dreamweaver +Photoshop+Flash版） 教学配套课件 刘瑞新 第6章 表格与表单.pdfVIP

第6章 表格与表单 6.1 表格控制 6.1 表格控制 6.1.1 表格的创建 表格与表单 6.1 表格控制 6.1.2 表格的属性控制 1．表格属性 成功插入表格后，当选中整个表格时，“属性”面板即刻显示当前表格的 各种属性。 2．单元格属性 图6-4 单元格属性面板 选择一个或多个单元格，此时“属性”面板即刻显示相关属性参数。 6.1 表格控制 1．向表格内添加内容 6.1.3 表格的基本操作 1．向表格内添加内容 图6-5 插入表格 图6-6 插入一幅图像 图6-7 插入多幅图像 6.1 表格控制 2 ．选择表格与单元格 选择table标签 鼠标变成 表格网格图标 • 图6-10 单击上边框选择整个表格 图6-11 使用标签选择器选择整个表格 6.1 表格控制 3．拆分、合并表格 拆分指的是将一个单元格拆分为多个单元格；合并指 的是将多个单元格合并为一个单元格。 图6-20 预览效果 4 ．复制、粘贴表格 5．添加删除表格的行或列 6.1 表格控制 6.1.4 表格中常用的CSS属性 与表格相关的CSS属性主要有border-collapse、 border-spacing、caption-side和empty-cells， 更为详细的解释，如表6-1所示。 表6-1 表格中常用的CSS属性 属性 属性值及其含义 说明 separate （默认值） 边框独立 border-collapse 设置表格的行和单元格的边框是否合并在一起 collapse 边框合并 当设置表格为边框独立时，行和单元格的边在横向和纵向上的间距。当指定一个length值时 由浮点数字和单位标识符组成的长度值，不可 border-spacing length ，这个值将作用于横向和纵向上的间距；当指定了两个length值