Csdn Blog模板CSS代碼（8）:高架橋

模板預覽:

點擊查看完整視圖 

換膚步驟：

1. 進入後台，開啟配置選項
2. 皮膚選擇blue
3. 將下面的css代碼copy至自訂css文字框，最後儲存

 

p{text-indent:2em;}
h1,h2,h3,h4{
color:#bc6247;
}

.dateTitle ,.postFoot{
background:#3c3c3c;
color:#fff;
width:90%;
border:none;
}
 .listTitle{
padding-left:2em;
padding-top:8px;
background:#3c3c3c;
height:3em;
color:#bc6247;
    text-decoration:none;
}
.listitem{
border:none;
}
.leftcolumn ul{
border:none;
}
.leftcolumn a:link,a:visited{ 
    color: #888;
    background: inherit; 
    text-decoration:none;
}
html, body 
{
    margin: 0;
    padding: 0;
    background: #3c3c3c url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_8bg.jpg) repeat-x;
    color: #fff;
    font-family:  arial, helvetica, sans-serif;
    font-size:13px;
}

/* Start Layout and Page Formatting */
.pagelayout
{
    background: #3c3c3c;
    width:766px;
position:absolute;
left:50%;
margin-left:-383px;
color:#fff;
}
.header{
height:268px;
background:#3c3c3c url(http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_bridge.jpg) center no-repeat;
width:766px;
border:none;
}
#Header1_HeaderTitle {
border:none;
display:block;
padding-left:320px;
padding-top:30px;
background:transparent;
color:#783b21;
font-weight:bold;
}
.leftcolumn 
{
width: 200px;
 word-wrap: break-word;
margin-right:10px;
float:right;
border-left: 1px solid #555; 

}
.centercolumn 
{
width:530px;
margin:0;
padding-left:20px;
}

.postTitle img{display:none}
 .postTitle{
text-decoration:none;
color:#f00;
}

.footer{
border:none;
    clear:both;
    width: auto;
    color:#888;  
    font-size:90%;
    background: #3C3C3C;
    border-top: 1px solid #555; 
    text-align:center; 
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 10px 10px 10px 10px;

}

div{word-wrap:break-word;}