首页 理论教育 制作关于我模块教程-网站制作基础

制作关于我模块教程-网站制作基础

时间:2023-11-09 理论教育 版权反馈
【摘要】:步骤1将光标放到右侧单元格中,设置单元格垂直对齐方式为“顶端对齐”,如图5-2-30所示。图5-2-33合并单元格图5-2-34效果图步骤5拖动鼠标选中“关于我”,设置文本格式为标题3,点击CSS样式面板中“新建CSS规则”,设置下内边距为10px,右外边距为20px,下边框为1px的灰色虚线,如图5-2-35和图5-2-36所示。

制作关于我模块教程-网站制作基础

步骤1 将光标放到右侧单元格中,设置单元格垂直对齐方式为“顶端对齐”,如图5-2-30所示。

图5-2-30 单元格【属性】面板

步骤2 点击插入表格,在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“4,2,260”,“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0,0,0”,单击【确定】按钮,完成表格的插入,然后在表格id中输入user,如图5-2-31所示。

图5-2-31 表格【属性】面板

步骤3 点击CSS样式面板中的“新建CSS规则”,设置字体大小为12px,背景颜色为#FFF,左外边距为20px,左内边距为20px,如图5-2-32所示。

图5-2-32 【#user CSS规则定义】对话框

步骤4 拖动鼠标选中第一行两个单元格,右键【表格】——【合并单元格】;同样把第二行也合并单元格,如图5-2-33所示;然后插入文本和图像,效果如图5-2-34所示。

图5-2-33 合并单元格

图5-2-34 效果图

步骤5 拖动鼠标选中“关于我”,设置文本格式为标题3(h3),点击CSS样式面板中“新建CSS规则”,设置下内边距(padding-bottom)为10px,右外边距(margin-right)为20px,下边框(border-bottom)为1px的灰色(#CCC)虚线(dashed),如图5-2-35和图5-2-36所示。

步骤6 拖动鼠标选中第二行单元格,设置水平居中对齐。拖动鼠标选中第三行和第四行所有单元格,设置高度为30px。最终效果如图5-2-37所示。

图5-2-35 【CSS规则定义】对话框(www.xing528.com)

图5-2-36 【CSS规则定义】对话框

图5-2-37 效果图

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈