视频21
（包含3.3.1节～3.3.2节）
步骤1 使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“msgboard.html”（留言板），按回车键确认修改。
步骤2 在网页中插入一个表格，设置下面表格【属性】面板中的“行”栏输入1；“列”栏输入8；“宽”栏输入800像素；“填充”栏输入0；“间距”栏输入0；“边框”栏输入0，“对齐”为“居中对齐”，如图3-3-1所示。
图3-3-1 表格【属性】面板
步骤3 选中表格的第一行，设置下面【属性】→【HTML】面板中的“水平”栏为“居中对齐”；“宽”栏输入100；“高”栏输入35，如图3-3-2所示。
图3-3-2 表格【属性】-【HTML】面板
步骤4 在表格的每个单元格中输入相关的文本内容，选中表格中的所有文字，在下面【属性】面板中的【链接】栏中输入“#”，普通文字将具有超链接效果，如图3-3-3所示。
图3-3-3 设置文字超链接
提示说明：在【属性】面板的【链接】栏中输入“#”表示该对象具有超链接的特性，但是当点击该链接时，目标链接为空，即为“空连接”。通常当目标链接不确定并且对象为超链接时使用该方法。
步骤5 用鼠标点击【格式】菜单中【CSS样式】的“新建”命令，在弹出的【新建CSS规则】对话框中，在“选择器类型”的下拉列表中选择“复合类型”项，在“选择器名称”栏目后的下拉列表框中选择“a：link”选项，在“规则定义”后的下拉列表中选择“仅限该文档”项，点击【确定】按钮。如图3-3-4所示。
图3-3-4 【新建CSS规则】对话框
步骤6 在弹出的【a：link的CSS规则定义】对话框中，选择“font-family”栏下拉列表中的“微软雅黑”；勾选“text-decoration”栏中的“none”复选框，点击【确定】按钮，如图3-3-5所示。
图3-3-5 【a：link的CSS规则定义】对话框
步骤7 用鼠标点击【格式】菜单中【CSS样式】的“新建”命令，在弹出的【新建CSS规则】对话框中，在“选择器类型”的下拉列表中选择“复合类型”项，在“选择器名称”栏目后的下拉列表框中选择“a：hove”选项，在“规则定义”后的下拉列表中选择“仅限该文档”项，点击【确定】按钮。如图3-3-6所示。
图3-3-6 【新建CSS规则】对话框(www.xing528.com)
步骤8 在弹出的【a：hover的CSS规则定义】对话框中，选择“font-family”栏下拉列表中的“微软雅黑”；“颜色”栏中输入“#990000”，点击【确定】按钮，如图3-3-7所示。
图3-3-7 【a：hover的CSS规则定义】对话框
图3-3-8 预览效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
