zoukankan      html  css  js  c++  java
  • CSS div

    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Insert title here 
            </title>
            <style type=text/css>
                body{padding:0;margin:0;text-align:center}
                .main{width:930px;margin:0 auto;}
                .main-content{width:100%;}
                .left{width:30%;float:left;clear:left;height:700px;background-color:#ccffaa;}
                .right{width:70%;float:right;clear:right;height:700px;background-color:#eedddd;}
                .bottom{position:relative;width:100%;clear:both;}
                .clear{clear:both;}
            </style>
        </head>
        <body>
            <DIV class="main" align=center>
                <div style="background:#bbddbb; 100%"><center>首页、注册、联系我们</center></div>
                <div class="main-content"> 
                    <div class=right >  
                        右侧部分<br />
                        右侧部分<br />
                        右侧部分<br />
                        右侧部分<br />
                    </div>
                    <div class=left>  
                        左侧部分<br />
                        左侧部分<br />
                        左侧部分<br />
                        左侧部分<br />
                        左侧部分<br />
                        左侧部分<br />
                    </div>  
                </div>
            
                <div class="bottom">
                    <center style="background-color:#ddeedd">底部</center>
                </div>  
            </DIV>
        </body>
    </html>
  • 相关阅读:
    信息安全
    软件体系结构原理、方法与实践总结
    软件项目管理四个核心价值观
    博客园主题修改
    测试
    Java实现人民币大写精讲
    Windows系统性能提升方法
    Oracle系列之游标
    Oracle系列之异常处理
    Oracle系列之权限
  • 原文地址:https://www.cnblogs.com/dingyingsi/p/3629863.html
Copyright © 2011-2022 走看看