zoukankan      html  css  js  c++  java
  • 最为纯粹简单的后台管理页面框架

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>在线报名系统</title>
        <style type="text/css">
            /*开始   初始CSS模板   开始*/body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea
            {
                margin: 0;
                padding: 0;
                font-weight: normal;
                font-style: normal;
                font-size: 100%;
                font-family: inherit;
            }
            html, body
            {
                height: 100%;
                overflow:hidden;
            }
            ol, ul, li
            {
                list-style: none;
            }
            img
            {
                border: 0;
            }
            body
            {
                color: #000;
                background: #FFF;
                text-align: left;
                font: 12px/1.5 Arial, Helvetica, sans-serif;
            }
            .clear
            {
                clear: both;
                height: 1px;
                margin-top: -1px;
                width: 100%;
            }
            /*结束  初始CSS模板  结束*/
            
            #head
            {
                /*margin:2px  auto;*/
                margin: 0px;
                height: 25px;
                width: 100%;
                background: #B0CFFA;
                border-bottom: solid 1px #B0CFFA;
                vertical-align :bottom;
                position:absolute;
                top:0px;
            }
            #head p
            {
                margin-left: 10px;
                color: #FFFFFF;
            }
            #content
            {
                width: 100%;
                height: auto;
                position:absolute;
                overflow:auto;
                top:26px;
                bottom:20px;
            }
            #content .left
            {
                float: left;
                width: 200px;
                height: 100%;
                vertical-align: top;
                border-right:solid 1px #B0CFFA;
            }
            #content .right
            {
                overflow: auto;
                background: silver;
                height: 100%;
               
            }
            #fotter
            {
                background: #0099CC;
                height: 20px;
                width: 100%;
                border-top: solid 1px blue;
                position:absolute;
                bottom:0px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="head">
            <p>
                欢迎观临最为纯粹简单的后台管理系统平台</p>
        </div>
        <div id="content">
            <div class="left">
                <a href="Default.aspx" target="mainFram">测试链接</a><br />
                <a href="http://www.cnblogs.com" target="mainFram">博客园</a><br />
                <a href="http://www.CSDN.net" target="mainFram">CSDN</a>
            </div>
            <div class="right">
                <iframe name="mainFram" frameborder="0" scrolling="auto" height="100%" width="100%">
                </iframe>
            </div>
        </div>
        <div id="fotter">
            <p>
                今天是星期四,2014年7月10日</p>
        </div>
        </form>
    </body>
    </html>
    
     
  • 相关阅读:
    联想 Vibe Shot(Z90-3) 免recovery 获取ROOT权限 救砖 VIBEUI V3.1_1625
    联想 Z5S(L78071)免解锁BL 免rec 保留数据 ROOT Magisk Xposed 救砖 ZUI 10.5.370
    联想 Z5(L78011) 免解锁BL 免rec 保留数据 ROOT Magisk Xposed 救砖 ZUI 10.5.254
    联想 S5 Pro(L78041)免解锁BL 免rec 保留数据 ROOT Magisk Xposed 救砖 ZUI 5.0.123
    第二阶段 冲刺八
    第二阶段 冲刺七
    第二阶段 冲刺六
    第二阶段 冲刺五
    代码大全阅读笔记03
    学习进度十二
  • 原文地址:https://www.cnblogs.com/hangwq/p/3836705.html
Copyright © 2011-2022 走看看