步骤1 在“WebSite”站点中新建网页,将“untitled.html”默认的文件名改为“aboutus.html”,重复5.2.1节和5.2.2节所有步骤,完成博客名和导航菜单的制作。
步骤2 将光标移动至导航菜单表格后面,单击【插入】菜单中的【表格】,在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“2,2,800”,“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0,0,0”,单击【确定】按钮,完成表格的插入,然后在表格id中输入main,并设置居中对齐,如图5-3-3所示。
图5-3-3 表格【属性】面板
步骤3 点击CSS样式面板中的“新建CSS规则”,设置字体大小为12px,背景颜色为#FFF,上外边距为20px,上内边距为20px,右内边距为20px,下内边距为20px,左内边距为20px,如图5-3-4所示。
图5-3-4 【#main的CSS规则定义】对话框
步骤4 切换到代码视图,在<style></style>标签中添加table{border-radius:10px;},把所有的表格设置为圆边。
步骤5 鼠标放在第一行第一个单元格内,输入内容并设置为h2,然后将鼠标放在第二个单元格内,输入内容并设置右对齐。
步骤6 拖动鼠标选中第二行两个单元格,右键【表格】——【合并单元格】,如图5-3-5所示,然后在单元格中输入内容,如图5-3-6所示。
图5-3-5 合并单元格
图5-3-6 输入内容
步骤7 拖动鼠标选中标题“建博缘由”,设置文本格式为h4,同样把关于作者和联系方式也设置为h4,然后点击CSS样式面板中的“新建CSS规则”,设置字体大小为14px,字体颜色为#666,背景颜色为#CCC,上内边距为5px,右内边距为5px,下内边距为5px,左内边距为5px,如图5-3-7所示。
图5-3-7 【CSS样式表属性】
步骤8 拖动鼠标选中段落“《文人墨客》建立于2018年6月1号……”,然后点击CSS样式面板中的“新建CSS规则”,设置字体大小为12px,行间距为2em,首行缩进为2ems,如图5-3-8和图5-3-9所示。
图5-3-8 【#的CSS规则定义】对话框(www.xing528.com)
图5-3-9 【#的CSS规则定义】对话框
步骤9 重复5.2.8节所有步骤,完成版权声明制作,最终效果如图5-3-10所示。
图5-3-10 效果图
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。