步骤1 将光标放在博客名称表格的最后面,点击【插入】菜单的【表格】命令,弹出【表格】对话框。
步骤2 在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“1,8,800”,“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0,0,0”,单击【确定】按钮,完成表格的插入,如图5-2-11所示。
图5-2-11 【表格】对话框
步骤3 选中表格,然后选择下方【属性】面板中“对齐”下拉列表中的“居中对齐”项,使表格始终处于页面居中对齐的位置。
步骤4 在每个单元格中输入对应的导航栏目标题,拖动鼠标选中8个单元格,然后在属性面板中,设置每个单元格宽度为100,高度为30,水平居中对齐,链接栏中输入“#”,如图5-2-12所示。
图5-2-12 单元格【属性】面板
步骤5 鼠标选中表格,在表格id中输入menu,如图5-2-13所示,然后选择CSS样式面板中的“新建CSS规则”,设置背景颜色为“#666”。
图5-2-13 表格【属性】面板
步骤6 把显示模式切换到“拆分”,然后在代码视图中找到#menu,在#menu中添加圆角边框属性“border-radius:15px;”,如图5-2-14所示。
图5-2-14 CSS样式表代码
步骤7 拖动鼠标选中“首页”,然后选择CSS样式面板中的“新建CSS规则”,如图5-2-15所示,点击确定,设置字体大小(font-size)为16px,字体颜色(color)为#FFF,文本修饰(text-decoration)为none,如图5-2-15所示。设置完成后,最终效果图如图5-2-16所示。(www.xing528.com)
图5-2-15 【#menu tr td a的CSS规则定义】对话框
图5-2-16 效果图
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。