视频22
（包含3.4.1节～3.4.2节）
步骤1 接上例。在“msgboard1.html”网页中插入表格，设置表格的“宽”为800像素，“行”为11，“列”为8，“对齐”栏中选择“居中对齐”，“填充”、“间距”和“边框”栏都输入0，如图3-4-1所示。
图3-4-1 表格【属性】面板
步骤2 将表格的每行设置或如图3-4-2所示结构，除第二行外其他所有行都合并为一个单元格。
图3-4-2 表格
步骤3 在表格的第1行中插入banner图片，第2行的每个单元格分别输入导航菜单（与本章上一节相关步骤一致），第6行、第7行和第8行插入表单中的“文本域”控件，第9行插入表单中的“文本区域”控件，第10行插入表单中的“按钮”控件，其中设置“文本区域”控件的“字符宽度”为97，“行数”为10，具体填充表格内容如图3-4-3所示。
图3-4-3 文本区域【属性】面板
步骤4 用鼠标点击【格式】菜单中【CSS样式】的“新建”命令，在弹出的【新建CSS规则】对话框中，在“选择器类型”下拉列表中选择“复合内容”项，在“选择器名称”栏目后的下拉列表框中输入“#tb_msg .td”值，在“规则定义”后的下拉列表中选择“仅限该文档”项，点击【确定】按钮。如图3-4-4所示。
图3-4-4 【新建CSS规则】对话框
步骤5 在弹出的【#tb_msg .td的CSS规则定义】对话框中，用鼠标点击“分类”选项组中的“区块”选项，在“text-indent”栏中输入2，单位选择“ems”，如图3-4-5所示。
图3-4-5 【#tb_msg .td的CSS规则定义】对话框
步骤6 分别选中表格的第3～11行，并分别设置【属性】-【HTML】面板中的“类”栏为“td”项，如图3-4-6所示。(www.xing528.com)
图3-4-6 表格【属性】-【HTML】面板
图3-4-7 预览效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
