300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 信息考试网页制作操作步骤 – CSS – 前端 css 控制div垂直居中显示

信息考试网页制作操作步骤 – CSS – 前端 css 控制div垂直居中显示

时间:2023-06-27 00:58:27

相关推荐

信息考试网页制作操作步骤 – CSS – 前端 css 控制div垂直居中显示

1大家首先打开DW,【新建】一个【HTML】文档。

2新建好HTML文档后(要建好站点和图片文件夹)。把HTML文档保存一下,然后再进行后面的其它操作。大家点击【表格】,表格大小设置为5行9列,表格宽度为1920像素,点击【确定】。

3大家把表格的第一行的9个单元格选中,在左下角点击【合并】。

4把鼠标放在第一行的表格上,点击【图像】插入一张图片作为页头。

5接下来,大家在第二行表格的中间7个单元格里,输入导航栏相关的文字,(注意:前后的两个单元格留空)。然后把第二行的表格全部选中,点击【页面属性】

6在页面属性里,设置字体为16号的大小,填充为白色,点击【确定】。

7设置文字【水平居中对齐】和【垂直居中】,宽度【160】,高度【39】,背景颜色填充为灰色【#999999】。

8第二行的9列单元格,设置成了160的宽度,它的总宽度不够1920。所以大家要把刚刚留空的两个单元格,分别设置为400的宽度。

9导航做好了之后,大家把第三行表格全部选中合并在一起,插入一张大图作为海报。剩余的表格(可根据自己需要的)插入图片或输入文字。全部制作好了之后,大家点击在浏览器中预览一下效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。