Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

又开始写 html 了(二)

刚才看了哈,不有 css 的结果然人很是吃惊
么么,差别阿。。。所以还是把 css 贴上
呵呵。。。。

*********************************************************************/

 
{

    padding:0;

    margin:0;

}

 
body {

    color: #666666;

    background-color:#FFFFFF;

    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;

    font-size:83%;

    margin:20px auto;

    width:760px;

    padding-left:10px;

    padding-right:10px;

}

 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 

fieldset, address {margin:0.75em 0;}

 
h1 {font-size:167%;}

 
h2 {font-size:139%;}

 
h3 {font-size:120%;}

 
h4 {font-size:100%;}

 
li, dd { 

    margin-left:2em;

}

 
a {

    color: #CC0000;

    background-color: #FFFFFF;

    font-weight: normal;

    text-decoration: none;

}

 
a:hover {

    color: #CC0000;

    background-color: #FFFFFF;

    font-weight: normal;

    text-decoration: underline;

}

 
#contact {

    padding:0px 0px 0px 0px;

    float:right;

}

 
#contact a {

    color: #CC0000;

    background-color:#FFFFFF;

    font-weight:bold;

    text-decoration:none;

}

 
#contact a:hover {

    color: #CC0000;

    background-color:#FFFFFF;

    text-decoration:underline;

}

 
#header {

    clear:both;

    color: #CC0000;

    background-color:#FFFFFF;

    padding:5px 0px 10px 0px;

    margin:0px 0px 0px 0px;

}

 
 
#title {

    color: #CC0000;

    background-color:#FFFFFF;

    font-size:200%;

    font-weight:bold;

    padding:0px 0px 0px 0px;

    margin:0px 0px 0px 0px;

    float:left;

}

 
#slogan {

    color:#666666;

    background-color:#FFFFFF;

    font-size:83%;

    font-weight:normal;

    font-style:normal;

    padding:0px 20px 0px 0px;

    margin:0px 0px 0px 0px;

    float:left;

    width:35%;

}

 
ul#nav {

    line-height:125%;

    height:3em;

    float:right;

    margin: 0px 0px 0px 0px;

    padding: 10px 0px 0px 0px;

    list-style: none;

    text-align: center;

    width:60%;

}

 
ul#nav li {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 20px;

    float: right;

}

 
ul#nav li a {

    display: block;

    font-size: small;

    color: #CC0000;

    background-color:#FFFFFF;

    font-weight: normal;

    text-decoration: none;

}

 
ul#nav li a:hover { 

    border-bottom:3px solid #CC0000;

}

 
ul#nav a.selected { 

    border-bottom:3px solid #CC0000;

}

 
#path {

    width:760px;

    clear:both;

    float:left;

    font-size:75%;

    font-weight:normal;

    margin:4px 0px 5px 0px;

    border-top:5px solid #666666;

}

 
#path a {

    font-weight:normal;

}

 
#maincontent {

    font-size:100%;

    padding:0px 5px 5px 0px;

    margin:0px 0px 0px 0px;

    width:540px;

    float:left;

}

 
#sidecontent {

    font-family:Arial, sans-serif;

    color: #666666;

    background-color:#FFFFFF;

    font-size:75%;

    padding:10px 10px 20px 10px;

    margin:0px 0px 10px 0px;

    width:180px;

    float:right;

    border: #999999 solid thin;

}

 
#sidecontent a {

    color: #CC0000;

    background-color:#FFFFFF;

}

 
#sidecontent h2 {margin:0.75em 0.25em 0.25em 0em;}

 
#sidecontent ul {margin:0.25em 0.25em 0.25em 0.25em;}

 
#footer {

    height:40px;

    color:#666666;

    background-color:#FFFFFF;

    border-top:5px solid #666666;

    font-size:75%;

    line-height:1.5em;

    width: 760px;

    clear:both;

}

 
#footer    a {

    color:#CC0000;

    background-color:#FFFFFF;

    text-decoration: none;

}

 
#footer    a:hover {

    color:#CC0000;

    background-color:#FFFFFF;

    font-weight: normal;

    text-decoration: underline;

}

 
#copyrightdesign {

    color:#666666;

    background-color:#FFFFFF;

    padding:5px 20px 5px 0px;

    width: 580px;

    float:left;

}

 
#footercontact {

    color:#CC0000;

    background-color:#FFFFFF;

    padding:5px 0px 5px 0px;

    float:right;

}

 


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步