教师空间照片展示html代码,老师教做静态页面，像是博客主页那样（35%）

无标题文档

            

我是菜单

左边区域

右边区域

footer

@charset "utf-8";

/* CSS Document */

#box{

background-color:#F00;

width:1024px;

height:1300px;

/*margin:0 auto;*/

margin:0 auto 0 auto;/*上 右 下 左*/

}

/*放图片，设置高度和图片一样高*/

#banner{

background-color:#66F;

height:209px;

}

#menu{

background-color:#C3F;

height:50px;

}

#main{

background-color:#6F0;

height:1000px;

}

#left{

background-color:#33C;

height:1000px;

width:250px;

float:left;/*可以使div横向排排坐*/

}

#right{

background-color:#F3F;

height:1000px;

width:774px;

float:right;/*可以使div横向排排坐*/

}

#footer{

background-color:#F63;

height:80px;

}

真的是学完之后HTML中满眼全是div

title里放标题，head可以引css，body里面是代码

id后是名字  div用来划分区域  img src是引入图片用的

css：

background-color自己挑背景颜色

width为宽度height定高低

margin表示上下左右的距离

float分左右可以使div横向排排坐