实验七CSS+DIV布局技术实践.pdfVIP

实验七CSS+DIV

班级：11级网络班学号：112208206108：

【实验目的】

掌握网页中CSS+DIV布局技术。

【实验要求】

1、掌握CSS+DIV”上中下”布局操作；

2、掌握CSS+DIV”左中右”布局操作。

【实验内容与步骤】

用素材“练习案例-电子产品”进练习CSS+DIV“上中下”布局的方法,最终效果参考“练习案例

-最终效果电子产品”。

1、为“练习案例-电子产品”创建相应站点。

2、根据buju.html布局要求创建index.html。

3、在ID名称为header，banner和footer的3个div中，直接相应图像。

4、在ID名称为menu的div中，嵌入名称为navi的div，menu中的图像，通过

在#menu样式中添加背景图像。

5、在navi的div中，输入文字“公司介绍产品展示客户服务人员招募互动社区”，并

设置#navi样式的属性，宽度：450px，高度