zoukankan      html  css  js  c++  java
  • css静态网页css代码


    #container { 760px;
    margin: auto;
    border-left: #969696 solid 1px;
    border-right: #969696 solid 1px;
    }
    #header { 760px; height:140px;
    background-color:#FF0000;
    }
    #middle { background-color:#00FF00;
    }
    #left-column { 150px;
    background-color:#0000FF;
    float:left;
    }
    #content { 580px; background-color:#FF00FF;
    float:right;padding-top:10px; margin-right:525px;
    }
    #content h1{ font-size:14px; border-bottom:#FF6347 1px solid;
    }
    #content h2 { font-size:13px;
    }
    #content p,li,th,td { font-size:12px;
    }
    #content table { border-left:1px black solid;
    border-top:1px black solid;
    }
    #content th { background:#FFD700;
    }
    #content th,td { border-bottom:1px black solid;
    border-right:1px black solid;
    }
    #footer { 760px; height:50px;
    background-color:#FFFF00; clear:both;
    border-bottom:#C8C8C8 solid 1px;
    border-top:#C8C8C8 solid 1px;
    margin:10px 0px 0px 0px;
    padding:5px 0px 5px 0px;
    text-align:center;
    }
    #footer p { font-size:12px;
    }
    body { margin: 0;
    padding: 0;
    font-family: Verdana,Tahoma, Arial, 宋体;
    }
    #top-nav { 760px;
    background: green no-repeat;
    }
    #top-nav ul { list-style: none;
     font-size:12px; padding: 0px 0px 0px 400px;
     }
    #top-nav li { float:left;
    75px;
    }
    #top-nav li a { display:block;
    margin: 0;
    padding: 5px 5px 0px 5px;
    text-decoration:none;
    }
    #main-nav { background:#9ACD32;
    border-bottom: #4588B0 solid 0px;
    float:left;
    height: 20px;
    margin:0px;
    padding:0px;
    760px;
    }
    #main-nav ul { list-style:none;
    margin:0px;
    padding:0px;
    }
    #main-nav li { float:left;
    75px;}
    #main-nav li a { border-right:#FFFFFF solid 1px;
    color:#FFFFFF;
    display:block;
    margin:0px;
    padding:0px 10px 0px 10px;
    text-decoration:none;}
    #main-nav a:hover,#main-nav a.selected{ border-right:#FFFFFF solid 1px;
    color:#00FFFF;
    margin:0px;
    padding:0px 10px 0px 10px;
    text-decoration:none;
    text-align:center;
    }
    .left-column-box { margin: 10px 1px 8px 0px;
    padding: 4px 4px 4px 4px;
    border: solid 1px rgb(200,200,200);
    }
    .left-column-box p{ font-size:12px;
    }
    .left-column-title { display:block;
    margin:0px 0px 5px 0px;
    padding:2px 0px 2px 2px;
    background-color:rgb(187,211,247);
    font-size:11px;
    }
  • 相关阅读:
    Cookie 干货
    element-ui 框架中使用 NavMenu 导航菜单组件时,点击一个子菜单会出现多个子菜单同时展开或折叠?
    数组遍历的方法
    前端网页字体
    样式小收藏:完成、错误、提示动态图标样式
    多语言网站利器 rel="alternate" hreflang="x"
    网页中文章显示一部分,然后“查看全文”
    仿水滴筹中快捷留言祝福、随机生成祝福
    TypeScript知识点
    前端项目经验
  • 原文地址:https://www.cnblogs.com/liuzhuqing/p/7481150.html
Copyright © 2011-2022 走看看