zoukankan      html  css  js  c++  java
  • 网页制作

    <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="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>
  • 相关阅读:
    MVC根据角色自动选择母版页
    Redis学习笔记~五大数据结果的测试
    Redis学习笔记~Redis提供的五种数据结构
    将不确定变为确定~一切归总为“二”(C#中的位运算有啥用)
    Redis学习笔记~把redis放在DATA层,作为一种数据源,我认为更合理,也更符合我的面向对象原则
    屌丝程序员的那些事(一)毕业那年
    jquery的Flexigrid改造,支持选中行内容获取,两个表格行相互移动,行选中事件,支持dwr
    屌丝程序员的那些事(三)一起培训的那些人
    Centos 64位下搭建android开发环境需要的lib包
    屌丝程序员的那些事(二)第一次面试
  • 原文地址:https://www.cnblogs.com/brilin/p/10835572.html
Copyright © 2011-2022 走看看