3作 Css属性
2018-11-01 本文已影响0人
大黄蜂人工智能
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
background-color:white;
height: 100px;
}
#sousuo{
position: absolute;
right: 50px;
top: 30px;
}
#div2 p{
color: white;
/*position: relative;*/
/*left: 50px;*/
float: left;
margin-left:40px;
margin-top: 30px;
}
</style>
</head>
<body>
<div id="div1">
<img src="img/QQ截图20181031191720.png"/><input name="" id="sousuo" value="SEARCH... "/>
</div>
<div id="div2"style="height: 90px;background: black; overflow: hidden;">
<p>集团介绍</p>
<p>产品中心</p>
<p>卧龙市场</p>
<p>技术研发</p>
<p>国际合作</p>
<p>投资者关系</p>
<p>新闻资讯</p>
<p>人力资源</p>
</div>
</div>
<div id="">
</div>
<img src="img/QQ截图20181031203312.png"width="100%"/>
<div id=""style="height:200px;width: 50%;background-color: wheat;float: left;">
<p><h4>新闻资讯</h4></p>
</div>
<div id=""style="height: 200px;width: 25%;background-color: mediumslateblue;float: left;">
<p><h3>卧龙介绍</h3></p>
</div>
<div id=""style="height: 200px;width: 25%;background-color: white;float: left;">
<p><h3>人才招聘</h3></p>
</div>
<h1 style="color: rosybrown;">卧龙市场</h1>
<img src="img/QQ截图20181101093419.png"/>    
<img src="img/QQ截图20181101093435.png"/>    
<img src="img/QQ截图20181101093435.png"/>    
<img src="img/QQ截图20181101093456.png"/>
<div id="div3"style="height: 150px;width: 190px;background-color: red;float: left;">
<p>文字1段落</p>
</div>
<div id="div4"style="height: 150px;width: 190px;background-color: green;float: left; margin-left: 70px;">
<p>文字2段落</p>
</div>
<div id="div5"style="height: 150px;width: 190px;background-color:cornflowerblue;float: left;margin-left: 70px;">
<p>文字3段落</p>
</div>
<div id="div6"style="height: 150px;width: 190px;background-color:hotpink;float: left;margin-left: 70px;">
<p>文字4段落</p>
</div>
<div id="" style="height: 200px;width: 100%;background-color: mediumslateblue; float: left;">
<p>产品中心                         技术研发                         营销网络</p>
</div>
<div id=""style="height: 30px;width: 100%;background-color: white;float: left;">
<p><h3>网站地图</h3></p>
</div>
</body>
</html>
