<!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
提交
取消
