网页制作

<html>
<head>
<style type="text/css">
#top{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;
             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;1000px;}
</style>
</head>

<body>

       <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_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>

相关阅读:
Thrift的安装以及问题
nodejs安装和配置
angularjs ng-bind-html中的ng-model不生效
设计模式之美---接口和抽象类的区别
angular 8 不兼容IE11
Xamarin 打包生成 Android apk 文件
微服务的4个设计原则和19个解决方案
RESTful API设计规范
windows下安装 rabbitMQ
关于C#应用的授权认证

原文地址：https://www.cnblogs.com/brilin/p/10835572.html