zoukankan      html  css  js  c++  java
  • 黄冈中学首页的模板简图

    <style type="text/css">
    #header{
     1004px;
     height:30px;
     background-color:#CCC;
     border-bottom:1px solid #999;
     }
    #top{
     height:82px;
     1004px;
     border-bottom:5px solid #F60;
     border-top:2px solid #F60;
     background-color:#06C;}
    #top1{
     height:122px;
     1004px;
     border-bottom:3px solid #06C;
     background-color:#F66;}
    #content{
     1004px;}
    #left{
     200px;
     border:1px solid #666;
     float:left;}
    #dl{
     height:150px;
     background-color:#F63;}
    #left1{
     height:708px;
     background-color:#CCC;}
    #zhong{
     500px;
     border-top:#CCC 7px solid;
     margin:1px;
     float:left;
     }
    #z1{
     height:156px;
     479px;
     margin:0 auto;
     background-color:#CCF;
     border-bottom:#F63 solid 2px;}
    #z2{
     height:77px;
     479px;
     margin:0 auto;
     background-color:#C9C;
     border-bottom:#F63 solid 2px;}
    #z3{
     height:195px;
     479px;
     margin:0 auto;
     background-color:#FF9;
     border-bottom:#F63 solid 2px;}
    #z4{
     height:172px;
     479px;
     margin:0 auto;
     background-color:#FCF;
     border-bottom:#666 solid 1px;}
    #z5{
     height:187px;
     485px;
     margin:0 auto;
     margin-top:1px;
     background-color:#FCC;
     border:#CCC solid 1px;}
    #z6{
     height:29px;
     479px;
     margin:0 auto;
     background-color:#FCF;
     border-bottom:#666 solid 1px;}
    #z7{
     height:67px;
     485px;
     margin:0 auto;
     margin-top:1px;
     background-color:#FCC;
     border:#CCC solid 1px;}
    #right{
     200px;
     background-color:#9FC;
     border:#666 solid 1px;
     }
    #dl1{
     height:150px;
     background-color:#F63;}
    #right1{
     height:708px;
     background-color:#CCC;}
    #zx{
     888px;
     height:573px;
     margin-left:20px;
     background-color:#fff;
     border:#999 solid 1px}
    #zx1{
     height:282px;
     288px;
     border:#CCC solid 1px;
     margin:2px;
     background-color:#CFF;
     float:left;}
     #zx2{
     height:282px;
     288px;
     border:#CCC solid 1px;
     margin:2px;
     background-color:#CFF;
     float:left;
     }
     #zx3{
     height:282px;
     288px;
     border:#CCC solid 1px;
     margin:2px;
     background-color:#CFF;
     float:left;
     }
     #zx4{
     height:282px;
     288px;
     border:#CCC solid 1px;
     margin:2px;
     background-color:#CFF;
     float:left;
     }
      #zx5{
     height:282px;
     288px;
     border:#CCC solid 1px;
     margin:2px;
     background-color:#CFF;
     float:left;
     }
    #zx6{
     height:282px;
     288px;
     border:#CCC solid 1px;
     margin:2px;
     background-color:#CFF;
     float:left;
     }

    #bottom{
     1004px;
     height:40px;
     border-top:#999 solid 1px;
     }
    #bottom1{
     1004px;
     height:58px;
     border-bottom:#F63 solid 6px;
     background-color:#06F;
     }
    </style>
    </head>

    <body>
    <div id="header"></div>
    <div id="top"></div>
    <div id="top1"></div>
    <div id="content">
       <div id="left">
       <div id="dl">中学课堂</div>
       <div id="left1">名师寄语</div>
       </div>
      
           <div id="zhong">
           <div id="z1"></div>
           <div id="z2"></div>
            <div id="z3"></div>
           <div id="z4"></div>
           <div id="z5"></div>
           <div id="z6"></div>
           <div id="z7"></div>
           </div>
        
          
        <div id="right">
        <div id="dl1">小学课堂</div>
          <div id="right1"></div>
        </div>
       
             <div id="zx">
             <div id="zx1"></div>
             <div id="zx2"></div>
             <div id="zx3"></div>
             <div id="zx4"></div>
             <div id="zx5"></div>
             <div id="zx6"></div>
             </div>
    </div>
    <div id="footer">
    <div id="bottom"></div>
    <div id="bottom1"></div>
    </div>
    </body>

  • 相关阅读:
    form表单里submit的提交,如何不让其阻止ajax的调用
    前端模拟后台json 调接口
    纯前端实现搜索功能、模糊查询
    js如何获取select下拉框的value以及文本内容 并赋值
    清除表单input输入框内数据
    js动态生成的dom mouseover事件无效
    jq获取当前日期xxxx-xx-xx格式
    获取自定义属性、 data-* 的值
    媒体查询不起作用
    shell_判断语句If
  • 原文地址:https://www.cnblogs.com/weixiao/p/2243857.html
Copyright © 2011-2022 走看看