Web前端技术实验报告
课程名称： Web前端技术
实验名称： css+div网页设计
系别班级：计科系 1306 班:hover{color:#CCC;}
a:active{color:#333;}
</style>
</head>
<body>
<div id="Container">
<div id="Header">
<center><span><font face="幼圆" size="+2">首页</font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">专辑</a></font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">获奖记录</a></font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">演艺经历</a></font></span>
<span><font face="幼圆" size="+2" color="#FFF">|</font></span>
<span><font face="幼圆" size="+2"><a href="">人物评价</a></font></span></center>
</div>
<div id="PageBody">
<div id="left"></div>
<div id="right"></div>
<div id="MainBody"><img src="" alt="" width="1000" border="0"></div>
</div>
<div id="Footer"></div>
</div>
</body>
</html>
body{
font-family: Verdana;
font-size: 100;
margin: 0;
text-align: justify;
}
p{
margin:2px;
}
#Container{
margin:0 auto;
width:100%;
}
#Header{
height: 350px;
margin-bottom: 5px;
background-image: url("");
}
#PageBody{
height: 400px;
}
#left{
float: left;
width: 200px;
height: 500px;
background:#FFF;
}
#MainBody{
margin:o auto;
width: 1000px;
height: 500px;
}
#right{
float: right;
width: 200px;
height: 500px;
background:#FFF;
}
#Footer{
height: 80px;
background-image: url("");
text-align: center;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size: 13px;
padding-top: 10px;
}
img{
float:center;
}
span{
width:100px;
margin-top:50px;
font-size:20px;
font-family:"华文新魏";
cu
web前端技术实验报告实验二 来自淘豆网m.daumloan.com转载请标明出处.
