网页制作

南楼画角 提交于 2020-02-17 02:24:48
<html>
<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}
#banner{margin-top:5px;}
#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;}
#main_right{float:left; border-bottom:1px red solid;
            margin-top:30px;
             background:url(image/middle_bg.png);}
#footer{background:grey;margin-top:300px;width:1000px;}
</style>
</head>
<body>
    <div id="top">
       <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>
    <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>
       <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>
       <div class="main_right">
         <p>免费咨询电话</p>
           010-123-748328
       </div>
      
        <div id="footer">
        </div>
    </div> 
 
 
</body>
</html>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!