div+css实现上中下布局

1、新建一个html文件，命名为test.html，用于讲解div+css实现上中下布局。

3、在test.html文件内，在上一步的div内，再使用div创建三个模块，并分别设置其class属性为up,middle,down。

5、在css标签内，对class为content的div进行样式布局，设置其宽度为500px，高度为600px，div内的文字颜色为白色，居中显示。

7、在浏览器打开test.html文件，查看实现的效果。