现在的位置: 首页 > 综合 > 正文

使用CSS个性化CSDN博客

2014年01月07日 ⁄ 综合 ⁄ 共 926字 ⁄ 字号 评论关闭

CSDN的默认样式太少了,而且也都不是很好看。

下面我们就看看怎么使用“配置”->“自定义CSS样式”的功能来美化一下我们的blog。

把以下代码拷贝到“自定义CSS样式”文本框。

body {
 margin:0px;font-size:12px;overflow-x:hidden;overflow-y:scroll;color:#666666;LINE-HEIGHT: 160% ;SCROLLBAR-FACE-COLOR: #efefef;  MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #dee3e7; SCROLLBAR-SHADOW-COLOR: #dee3e7; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #006699; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #006699; SCROLLBAR-BASE-COLOR: #006699;cursor: url('http://p.blog.csdn.net/images/p_blog_csdn_net/forlinux/tux.ani.gif');
 background-image: url('http://p.blog.csdn.net/images/p_blog_csdn_net/forlinux/3ecc9114e20e7yf.jpg');
 background-repeat: repeat;
  
}
#top
{
 background-image: url('http://p.blog.csdn.net/images/p_blog_csdn_net/forlinux/forest_1_banner.jpg');
   background-repeat: no-repeat;
height:150px

}

.postText
{
font-family: Verdana, Geneva, Arial, Sans-Serif;
font-size: 12px;
}

 

当然,也可增加其他的样式。

TS:可以查看原代码看我所采用的样式。

 

 

抱歉!评论已关闭.