首页 > 代码库 > 0719

0719

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
            }
            .top-nav{
                width: 100%;
                height: 10px;
                background-color: gainsboro;
            }
            .container{
                width: 83%;
                height: 1000px;
                border: 2px solid black;
            }
            .content{
                width: 100%%;
                height: 800px;
                border: 2px solid black;
                margin: 0px auto;
            }
            .logo-banner{
                width: 100%;
                height: 70px;
                border: 1px solid black;
            }
            
            .content-nav{
                width: 100%;
                height: 30px;
                background-color: rosybrown;
            }
            .q1{
                width: 99.9px;
                float: left;
                height: 30px;
            }
            .logo-right{
                width: 20%;
                height: 60px;
                border: 1px solid black;
                float: right;
            }
            .content-1{
                width: 100%;
                height: 274px;
                /*border: 1px solid black;*/
                /*float: left;*/
            }
            .content-2{
                width: 100%;
                height: 30px;
                border: 1px solid black;
                background-color: deepskyblue;
            }
            .content-3-left{
                width: 20%;
                height: 394px;
                /*border: 1px solid black;*/
                float: left;
                background-color: blueviolet;
            }
            .content-3-right{
                width: 80%;
                height: 394px;
                /*border: 1px solid black;*/
                float: left;
                background-color: green;
            }
            .content-3-right-1{
                width: 50%;
                height: 197px;
                background-color: blanchedalmond;
                float: left;
            }
            .content-3-right-2{
                width: 50%;
                height: 197px;
                background-color: lightblue;
                float: right;
            }
            .content-3-right-3{
                width: 50%;
                height: 197px;
                background-color: fuchsia;
                float: left;
            }
            .content-3-right-4{
                width: 50%;
                height: 197px;
                background-color: red;
                float: left;
            }
            .content-4{
                width: 100%;
                height: 201px;
            }
        </style>
    </head>
    <body>
        <div class="top-nav"></div>
        <div class="container">
            <div class="content">
                <div class="logo-banner">
                    <img src="http://www.mamicode.com/img/200853122132222381.gif">
                    <div class="logo-right"></div>
                </div>
                <div class="content-nav">
                    <a href="http://www.mamicode.com/#"><div class="q1">首&nbsp;页</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">学校概况</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">新闻中心</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">教学科研</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">团学在线</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">社会培训</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">党建工作</div></a>
                    <a href="http://www.mamicode.com/#"><div class="q1">职教集团</div></a>
                </div>
                <div class="content-1">
                    <img src="http://www.mamicode.com/img/img3.png">
                </div>
                <div class="content-2"></div>
                <div class="content-3">
                    <div class="content-3-left"></div>
                    <div class="content-3-right">
                        <div class="content-3-right-1"></div>
                        <div class="content-3-right-2"></div>
                        <div class="content-3-right-3"></div>
                        <div class="content-3-right-4"></div>
                    </div>
                <div class="content-4">
                    <img src="http://www.mamicode.com/img/img2.png" />
                </div>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
    </body>
</html>

0719