<html>
<head>
<style type="text/css">
#top{width:1300px;height:50px;
}
<head>
<style type="text/css">
#top{width:1300px;height:50px;
}
#logo{float:left;}
#menu{font-size:13px;
margin-top:10px;
margin-left:30px;
float:left;
}
#menu ul li p{background:url(image/li_bg.jpg;) }
#menu ul li{list-style:none;
float:left;
line-height:22px;
margin-left:20px}
margin-top:10px;
margin-left:30px;
float:left;
}
#menu ul li p{background:url(image/li_bg.jpg;) }
#menu ul li{list-style:none;
float:left;
line-height:22px;
margin-left:20px}
#banner{margin-top:5px;}
#main_left{float:left;
margin-top:20px}
#main_left img{float:left;}
#main_left{float:left;
margin-top:20px}
#main_left img{float:left;}
#main_left ul{font color:grey;}
#mian_center{float:left;
margin:20px;
padding-left:10px;
padding-top:10px;
width:340px;
height:200px;
background:url(image/middle_bg.png);
}
#main_center img{float:left;margin-top:10px;}
margin:20px;
padding-left:10px;
padding-top:10px;
width:340px;
height:200px;
background:url(image/middle_bg.png);
}
#main_center img{float:left;margin-top:10px;}
#main_right{float:left; border-bottom:1px red solid;
margin-top:30px;
background:url(image/middle_bg.png);}
margin-top:30px;
background:url(image/middle_bg.png);}
#footer{background:grey;margin-top:300px;width:1000px;}
</style>
</head>
</style>
</head>
<body>
<div id="top">
<div id="logo">
<img src="image/logo.jpg">
</div>
<div id="logo">
<img src="image/logo.jpg">
</div>
<div id="menu">
<ul>
<li>首页home</li>
<li>公司简介computer</li>
<li>新闻中心news</li>
<li>产品介绍product</li>
<li>技术支持technology</li>
<li>联系我们contect us</li>
</ul>
</div>
</div>
<div id="banner">
<img src="image/banner.jpg">
</div>
<ul>
<li>首页home</li>
<li>公司简介computer</li>
<li>新闻中心news</li>
<li>产品介绍product</li>
<li>技术支持technology</li>
<li>联系我们contect us</li>
</ul>
</div>
</div>
<div id="banner">
<img src="image/banner.jpg">
</div>
<div id="main">
<div id="main_left">
<p><img src="image/hn_bg.jpg"> 新闻中心 News</p>
<h3><img src="image/pic.jpg">推进商务进程一系列活动...</h3>
深入推进经贸合作，商品博览会等一系列经贸活<br>动
。做好重点商贸流通企业...
<ul>
<li>盛有深入开展主题教育活动...</li>
<li>关于参加示范店创建活动组织的通知...</li>
<li>做好2012系列经贸活动有关工作...</li>
</ul>
</div>
<p><img src="image/hn_bg.jpg"> 新闻中心 News</p>
<h3><img src="image/pic.jpg">推进商务进程一系列活动...</h3>
深入推进经贸合作，商品博览会等一系列经贸活<br>动
。做好重点商贸流通企业...
<ul>
<li>盛有深入开展主题教育活动...</li>
<li>关于参加示范店创建活动组织的通知...</li>
<li>做好2012系列经贸活动有关工作...</li>
</ul>
</div>
<div id="main_center">
<img src="image/pic1.jpg">
<div id="main_center_right">
<h3>公司概况</h3>
盛由商务信息有限责任公司<br>
盛由位于北京海淀，总面积300平方公<br>里,
是一家有着实力雄厚的商务...<br>
<img src="image/link.png"><br>
<h5>-总经理致辞</h5>
<h5>-我们的团队</h5>
</div>
</div>
<img src="image/pic1.jpg">
<div id="main_center_right">
<h3>公司概况</h3>
盛由商务信息有限责任公司<br>
盛由位于北京海淀，总面积300平方公<br>里,
是一家有着实力雄厚的商务...<br>
<img src="image/link.png"><br>
<h5>-总经理致辞</h5>
<h5>-我们的团队</h5>
</div>
</div>
<div class="main_right">
<p>免费咨询电话</p>
010-123-748328
</div>
<div id="footer">
</div>
</div>
<p>免费咨询电话</p>
010-123-748328
</div>
<div id="footer">
</div>
</div>
</body>
</html>
</html>
来源：https://www.cnblogs.com/brilin/p/10835572.html