<html>
<head>
<title></title>
<meta name="" content="http://www.baidu.com" charset="utf-8"/>
<style type="text/css">
a:hover{
color: yellow;
}
a:active{
color: blue;
}
table{
background-color: black;
height: 40px;
width: 100%;
margin:0;
border-collapse: collapse;
}
td{
border-color: white;
width: 12.5%;
border:1px solid white
}
table tr td a{
color: white;
}
.dd1 div{
width: 32%;
height: 100px;
background-color: whitesmoke;
float: left;
margin: 10px;
}
.dimg1 div {
width: 23%;
height: 120px;
margin: 10px;
float: left;
background-color: wheat;
}
.dimg1 div img{
height: 100px;
width: 100%;
}
.dd2 div{
height: 200px;
margin: 10px;
background-color: cadetblue;
float: left;
}
.ddd1 div{
width: 30%;
height: 10px;
float: left;
}
.ddd2 div{
width: 80%;
height: 10px;
float: left;
}
</style>
</head>
<body>
<div ihttp://www.baidu.comd="">
<img src="img/1.PNG"/>
<a style="position: fixed; right: 10px;">🔍</a>
<input style="float: right;" type="text" placeholder="SEARCH……" />
</div>
<div id="">
<table >
<tr align="center">
<td><a href="http://www.baidu.com">集团介绍</a></td>
<td><a href="http://www.baidu.com">产品中心</a></td>
<td><a href="http://www.baidu.com">卧龙市场</a></td>
<td><a href="http://www.baidu.com">技术研发</a></td>
<td><a href="http://www.baidu.com">国际合作</a></td>
<td><a href="http://www.baidu.com">投资者关系</a></td>
<td><a href="http://www.baidu.com">新闻资讯</a></td>
<td><a href="http://www.baidu.com">人力资源</a></td>
</tr>
</table>
</div>
<div id="" >
<img src="img/2.PNG" style="width: 100%;height: 200px;"/>
</div>
<div id="" class="dd1">
<div>新闻资讯</div>
<div>卧龙介绍</div>
<div style="position: relative;">人才招聘<br />
<br />
<br /><img src="img/3.PNG" style="height: 50px; position: absolute;right: 0;bottom: 0;"/></div>
</div>
<div id="">
<h3>卧龙市场</h3>
</div>
<div id="" class="dimg1">
<div><img src="img/女帝.jpg"/>女帝</div>
<div><img src="img/索隆.jpg"/>索隆</div>
<div><img src="img/草帽海贼团.jpg"/>草帽海贼团</div>
<div><img src="img/路飞.jpg"/>路飞</div>
</div>
<div id="" class="dd2">
<div class="ddd1" style="width: 50%">
<h4>产品中心</h4>
<hr />
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
</div>
<div class="ddd2" style="width: 20%;">
<h4>技术研发</h4>
<hr />
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
<div id="">
<a href="">日用电机</a>
</div>
</div>
<div style="width: 24%;">
<h4>营销网络</h4>
<hr />
<div style="height: 100px;">
<img src="img/4.PNG" style="width: 90%;height: 100px;"/>
</div>
</div>
</div>
</body>
</html>
image.png
