<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>习题</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.warp{
margin:0 auto;
width:1000px;
}
#header{
background-color:#FFF;
height:118px;
border:1px solid #000;
}
#contents{
margin-top:10px;
}
#contents .huandeng img{
width:100%;
height:306px;
}
.huandeng{
width:100%;
}
.content{
margin-top:10px;
width:100%;
height:auto;
}
.contentl{
width:720px;
float:left;
}
.cont1{
width:100%;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.cont2{
width:355px;
border:1px solid #ccc;
height:200px;
float:left;
margin-bottom:10px;
}
.cont3{
width:355px;
border:1px solid #ccc;
height:200px;
float:right;
margin-bottom:10px;
}
.cont4{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.cont5{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.cont6{
width:355px;
border:1px solid #ccc;
height:200px;
float:left;
}
.cont7{
width:355px;
border:1px solid #ccc;
height:200px;
float:right;
}
.contentr{
width:260px;
float:right;
}
.contr1{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.contr2{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.contr3{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.ad1{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
.ad2{
width:100%;
clear:both;
border:1px solid #ccc;
height:200px;
margin-bottom:10px;
}
#footer{
clear:both;
width:100%;
height:150px;
border:1px solid #ccc;
}
</style>
<script language="javascript">
function changs(obj){
obj.style.boxShadow="0px 0px 5px rgba(0,0,0,0.7)"
}
function changs1(obj){
obj.style.boxShadow="0px 0px 0px"
}
</script>
</head>
<body>
<div class="warp">
<div id="header">头部</div>
<div id="contents">
<div class="huandeng">
<img scr="" alt="幻灯片" title="这是一个幻灯片">
</div>
<div class="content">
<div class="contentl">
<div class="cont1" id="aaa" onMouseOver="changs(this)" onMouseOut="changs1(this)">内容1</div>
<div class="cont2" onMouseOver="changs(this)" onMouseOut="changs1(this)">内容2</div>
<div class="cont3">内容3</div>
<div class="cont4">内容4</div>
<div class="cont5">内容5</div>
<div class="cont6">内容6</div>
<div class="cont7">内容7</div>
</div>
<div class="contentr">
<div class="contr1">右1</div>
<div class="contr2">右2</div>
<div class="contr3">右3</div>
<div class="ad1">ad1</div>
<div class="ad2">ad2</div>
</div>
<div>
</div>
<div id="footer">底部</div>
</div>
</body>
</html>
0 回答
举报
0/150
提交
取消
