第二阶段 day3作业
2018-10-31 本文已影响0人
大漠判官1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#div1{
width: 1000px;height: 1000px;background-color: white;
}
#div6{
float: left;background-color:black;width: 120px;height:30px;
border-left: solid white 5px;
}
#div7{
float: left;background-color:black;width: 120px;height:30px;
border-left: solid black 5px;
}
#div2{
width: 1000px;height: 500px;background-color: blue;float: left;
}
#div3{
width: 500px;height: 250px;float: left;background-color: white;
}
#div4{
width: 250px;height: 250px;float: left; background-color: yellow;
}
#div5{
width: 250px;height: 250px;background-color: rosybrown;float: left;
}
#div8{
width: 250px;height: 240px;background-color: #FAEBD7;float: left;border-radius: 10px;
}
#div9{
width: 250px;height: 240px;background-color:gray;float: left;border-radius: 10px;
}
#div10{
width: 250px;height: 240px;background-color: black;float: left;border-radius: 10px;
}
#div11{
width: 250px;height: 240px;background-color: lemonchiffon;float: left;border-radius: 10px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div7"><font size="1" color="white" >集团介绍</div>
<div id="div6">产品中心</div>
<div id="div6">卧龙市场</div>
<div id="div6">技术研发</div>
<div id="div6">国际合作</div>
<div id="div6">投资者关系</div>
<div id="div6">新闻资讯</div>
<div id="div6">人力资源</div>
<div id="div2">
<img src="img/aa.png" width="1000px" height="500px"/>
</div>
<div id="div3"><font size="4" color="black">
新闻资讯<br>
<ul>
<font size="1"><li>程建成董事</li>
<li>中国电器工业</li>
<li>企业文化</li>
<li>喜迎七一</li> </font>
</ul>
</font>
</div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div8"><img src="img/a1.png" width="250px" height="240px"></div>
<div id="div9"><img src="img/a2.png "" width="250px" height="240px"></div>
<div id="div10"></div>
<div id="div11"></div>
</div>
</body>
</html>
