2018-10-31简单网页作业
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>卧龙控股</title>
<style type="text/css">
#d1{
height: 50px;
width: 12.45%;
background-color: black;
float: left;
margin-right: 0.05%;
color: aliceblue;
}
#d2{
height: 200px;
/* background-color: blue; */
float: left;
margin-left: 2.5%;
margin-right: 2.5%;
}
#d3{
height: 150px;
width: 23%;
background-color: slateblue;
float: left;
margin-right: 2%;
color: aliceblue;
}
</style>
</head>
<body>
<img src="img/头.png" style="height: 60px; float: left;">
<br>
<input style="height: 20px; float: right; " type="search" name="" required="" placeholder="搜索..." x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
<br>
<br>
<div id="d1" align="center">集团介绍</div>
<div id="d1">产品中心</div>
<div id="d1">卧龙市场</div>
<div id="d1">技术研发</div>
<div id="d1">国际合作</div>
<div id="d1">投资者关系</div>
<div id="d1">新闻资讯</div>
<div id="d1">人力资源</div>
<img src="img/第2.png" style="height: 300px; width: 100%;" >
<div id="d2" style="width:45%;" >
<p>新闻资讯</p>
<ul>
<li>卧龙全面启动工厂规范化管理</li>
<li>卧龙首个自建海外工厂顺利投产</li>
<li>卧龙参展德国汉诺威工博会</li>
<li>卧龙集团人武部隆重召开基干民兵点验大会</li>
<li>卧龙首个自建海外制造工厂即将在越南投产 </li>
<li>发挥优势实现军民协同兼容发展</li>
</ul>
</div>
<div id="d2" style="width:20%;" >
<p>卧龙介绍</p>
</div>
<div id="d2" style="width:20%;" >
<p>人才招聘</p>
</div>
<p>卧龙市场</p>
<div id="d3"></div>
<div id="d3"></div>
<div id="d3"></div>
<div id="d3"></div>
</body>
</html>
