网页布局_html-js-css

概述网页布局

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<HTML><head>    <Title>布局实例</Title>    <link rel="stylesheet" type="text/CSS" href="style.CSS">    <style type="text/CSS">        body{text-align: center;}        .h_top{ wIDth: 98%; background: yellow; height: 30px;margin: 10px;}        .h_nav{wIDth: 98%; background: yellow; height: 30px;margin: 10px;}        header{ background:#ce1aba; wIDth: 100%; height: 100px; padding-top: 5px;}        .container{ background: pink; wIDth: 100%; height: 500px; padding-top: 15px; }        footer{ background:#ce1aba; wIDth: 100%; height: 80px;}        .cont_banner{ background:greenyellow; height: 150px; margin: 15px; margin-top: 0px; }        .cont_info{ background:greenyellow; height: 300; margin: 15px; margin-top: 0px; }        .info_left{ background:blue; wIDth: 70%; height: 280px; float: left; margin: 10px;}        .info_right{background:blue; wIDth: 25%; height: 280px; float: right; margin: 10px;}        .info_news{background:orange; wIDth: 96%; height: 120px;  margin: 10px;}        .info_pro{background:orange; wIDth: 96%; height: 120px;  margin: 10px;}    </style></head><body>    <!--头部-->    <header>        <div ></div>        <div ></div>    </header>    <!--内容主体-->    <div >        <div ></div><!--广告-->        <div ><!--广告下的信息，第二个红框-->            <div ><!--左边的蓝框-->                <div ></div><!--上边的深蓝框-->                <div ></div><!--下边的深蓝框，产品展示-->            </div>            <div ></div><!--右边的蓝框，公司信息-->        </div>    </div>    <!--底部-->    <footer></footer></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的网页布局全部内容，希望文章能够帮你解决网页布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1096299.html