控件第一讲 ,登录注册显示页面的布局

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        * {
            margin:0px;
            padding:0px;
        }
        #div_Boss {
            position:relative;
            width:100%;
            min-width:700px;
            height:670px;
            background-color:#00c5cd;
        }
        #div_Top {
            position:relative;
            width:100%;
            height:150px;
            text-align:center;
        }
        #biaoti {
            position:relative;
            top:50px;
            font-size:60px;
            font-family:微软雅黑;
            color:white;
        }

        #div_Main {
            position:relative;
            width:100%;
            height:450px;
        }
        #denglu {
            position:relative;
            width:450px;
            height:100%;
            background-color:white;
            margin:0 auto;
        
        }

        #div_Bottom {
            position:relative;
            width:100%;
            height:50px;
            text-align:center;
        }
        #diandi {
            position:relative;
            top:30px;
            font-size:15px;
            font-family:微软雅黑;
            color:white;
        }

    </style>

</head>
<body>
    <div id="div_Boss">
        <div id="div_Top">
            <span id="biaoti">岁月静好软件系统</span>
        </div>
        <div id="div_Main">
            <div id="denglu"></div>
        </div>
        <div id="div_Bottom">
            <span id="diandi">岁月静好 版权所有 666666666666666666</span>
        </div>
    </div>
</body>
</html>
原文地址:https://www.cnblogs.com/suiyuejinghao123/p/5677741.html