• DW 主页CSS代码


    @charset "utf-8";
    /* CSS Document */
    .allbody {
    position:absolute;
    margin:auto;
    100%;
    z-index: 1;
    background-color:#FFF;
    text-align:center;
    font-size:16px;
    }
    #bgnav {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 50px;
    z-index: 2;
    }
    #shangbiaoti {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 50px;
    z-index: 1;
    }
    #logo{
    position:relative;
    height:50px;
    150px;
    z-index: 1;
    }
    #denglu{
    position: relative;
    height: 50px;
    810px;
    top:-50px;
    left:150px;
    z-index: 2;
    line-height:100px;
    font:bold 14px "微软雅黑" ;
    text-align:right;
    line-height:65px;
    }
    .daohang {
    position: relative;
    float:left;
    160px;
    height: 48px;
    z-index: 1;
    line-height:10px;
    font:bold 17px "微软雅黑" ;
    line-height:65px;
    border-top:solid 1px #000000;
    border-bottom:solid 1px #000000;
    }
    .yincang {
    position: relative;
    float:left;
    160px;
    height: 50px;
    z-index: 1;
    line-height:10px;
    overflow:hidden;
    }

    .xianshi {
    position: relative;
    float:left;
    160px;
    height: 50px;
    z-index: 1;
    line-height:10px;
    overflow:visible;
    background-image:url(../images/button1.jpg);
    }
    #datu {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 500px;
    z-index: 1;
    background-color:#FFF;
    }
    #zhuce {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 300px;
    z-index: 1;
    background-color:#FFF;
    }
    #zhuti {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 1500px;
    z-index: 1;
    }
    #zhuti1 {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 500px;
    z-index: 1;
    background-color:#FFF;
    }
    #zhuti1-zuo {
    position:relative;
    top:0px;
    left:0px;
    750px;
    height: 500px;
    z-index: 1;
    background-color:#FFF;
    }
    #zhuti1-you {
    position:relative;
    top:-500px;
    float:right;
    208px;
    height: 498px;
    z-index: 1;
    background-color:#FFF;
    border:#CACACA 1px solid;
    }
    #zhuti2 {
    position:relative;
    margin:auto;
    top:0px;
    left:0px;
    960px;
    height: 500px;
    z-index: 1;
    background-color:#0F0;
    }
    #zhuti2-zuo {
    position:relative;
    top:0px;
    float:left;
    208px;
    height: 498px;
    z-index: 2;
    background-color:#FFF;
    border:#CACACA 1px solid;
    }
    #zhuti2-you {
    position:relative;
    top:-500px;
    750px;
    height: 500px;
    z-index: 1;
    float:right;
    background-color:#069;
    }
    #zhuti3 {
    position:relative;
    margin:auto;
    top:-500px;
    left:0px;
    960px;
    height: 500px;
    z-index: 1;
    background-color:#300;
    clear:both;
    }
    #zhuti3-zuo {
    position:relative;
    top:0px;
    left:0px;
    750px;
    height: 500px;
    z-index: 1;
    background-color:#C60;

    }
    #zhuti3-you {
    position:relative;
    top:-500px;
    left:750px;
    210px;
    height: 500px;
    z-index: 1;
    background-color:#FFF;
    }

    .xiaotu {
    position:relative;
    top:0px;
    left:0px;
    float:left;
    375px;
    height: 250px;
    z-index: 1;
    background-color:#030;
    }
    .xiaotu a,.xiaotu span{display:none; text-decoration:none}
    .xiaotu:hover{cursor:pointer;text-decoration:none}
    .xiaotu:hover a.now{cursor:pointer; position:relative; top:0; 100%; height:100%;
    z-index:100; left:0; display:block;}
    .xiaotu:hover span{ display:block;position:relative; top:125px; left:5px;color:#FFF;365px;
    z-index:10;height:120px; line-height:30px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}

    a:link{
    color:#000;
    text-decoration:none;
    }
    a:visited{
    color:#000;
    text-decoration:none;
    }
    a:hover{
    color:#000;
    text-decoration:none;
    }
    p.a:link{
    color:#03F;
    }
    p.a:visited{
    color:#03F;
    }
    p.a:hover{
    color:#03F;
    text-decoration:underline;
    }
    #di {
    position:relative;
    margin:auto;
    960px;
    height: 48px;
    z-index: 2;
    border-top:solid 1px #000000;
    border-bottom:solid 1px #000000;
    text-align:center;
    line-height:70px;
    }
    p{
    text-align:left;
    font-size:16px;
    }
    #dingbu{
    position:fixed;
    right:20px;
    bottom:20px;
    100px;
    height:58px;
    }

  • 相关阅读:
    数据库读现象 数据库锁
    Mysql索引
    视图 触发器 内置函数 流程控制 事务 存储过程
    pymysql模块
    表相关操作
    初识数据库
    python 进程
    python常见错误和异常
    python课程设计--学生管理系统
    python-类的多态的理解
  • 原文地址:https://www.cnblogs.com/zhuxu/p/4932094.html
Copyright © 2020-2023  润新知