自定义Blog样式的方法
我首先选用的是Cogitation样式,然后自己修改样式。
样式是代码如下:
<styletype="text/css">
<!--

body{...}{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;

scrollbar-face-color:lightsteelblue;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#dee4ef;
scrollbar-shadow-color:blue;
scrollbar-3dlight-color:#f33366;
OVERFLOW:auto;
background-repeat:repeat;
background-attachment:fixed;

padding-right:32px;padding-left:32px;background:#eee;padding-bottom:32px;margin-left:15px;color:#000;margin-right:15px;
padding-top:12px;
}


/**//*段落*/
p

{...}{
font-size:14px;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
line-height:150%;
text-indent:28px;
margin:10px0px;
text-align:justify;
}


/**//*超链接*/
a:visited,
a:active,

a:link{...}{
color:Navy;
text-decoration:none;
}

a:hover{...}{
text-decoration:underline;
color:#FF300F;
}


/**//*标题样式*/

h1{...}{
margin:0px;
color:#0000FF;
font-size:28px;
}
h1a:visited,
h1a:active,

h1a:link{...}{
color:#000;
}

h1a:hover{...}{
color:#00047F;
text-decoration:none;
}

h2{...}{
margin-top:10px;
font-size:1em;
}

h3{...}{
font-size:1.2em;
}


/**//*头部*/
#top

{...}{
background-image:url("http://p.blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg");
background-repeat:repeat-x;
color:WhiteSmoke;
padding:0px;
height:160px;
margin-left:0px;
margin-right:0px;
}


/**//*剑心博客4个字的样式*/
.headermaintitle

{...}{
color:#0000FF;
font-size:28px;
}


/**//*定制头部副标题样式*/

#tagline{...}{
font-size:1em;
margin:10px;
color:#6699FF;
}


/**//*标题超链接样式*/
.HeaderTitlesa:visited,
.HeaderTitlesa:active,
.HeaderTitlesa:link,
.HeaderTitlesa:hover

{...}{
color:#0000FF;
text-decoration:none;
font-weight:bold;
}

.HeaderBara:visited,
.HeaderBara:active,
.HeaderBara:link

{...}{
color:WhiteSmoke;
text-decoration:none;
font-weight:normal;
}


/**//*状态栏,即多少篇文章之类的*/

/**//*
.BlogStatsBar
{
text-align:right;
font-weight:normal;
font-size:7pt;
color:Silver;
border-collapse:collapse;
}
*/

/**//*引用块*/

blockquote{...}{
font-style:italic;
background-color:#CCCCCC;
}

div.post

{...}{
border-right:gainsboro2pxsolid;
border-top:gainsboro2pxsolid;
border-left:gainsboro2pxsolid;
border-bottom:gainsboro2pxsolid;
}

/**//*相关文章标题和回复标题*/
div.postTitle

{...}{
padding-left:3px;
font-weight:bolder;
font-size:10pt;
padding-bottom:3px;
padding-top:3px;
border-bottom:gainsboro1pxsolid;
background-color:whitesmoke;
}

/**//*回复(评论),相关文章和文章摘要的样式*/
div.postText

{...}{
padding-right:10px;
padding-left:3px;
font-size:14px;
padding-bottom:3px;
padding-top:3px;
}

/**//*发表于几个字的样式*/
div.postFoot

{...}{
background-color:WhiteSmoke;
border-top:gainsboro1pxsolid;
font-size:9pt;
padding-right:3px;
padding-left:3px;
padding-bottom:1px;
padding-top:1px;
text-align:right;
}


/**//*左边栏菜单*/

#leftmenu{...}{
position:absolute;
left:45px;
width:180px;
height:auto;
word-wrap:break-word;
table-layout:fixed;
background-color:WhiteSmoke;
padding-top:5px;
font-style:normal;
}


#leftmenuh3{...}{
font-size:0.8em;
margin:0px;
margin-top:10px;
padding-bottom:2px;
padding-left:3px;
border-top:solid1pxGainsboro;
}

本文地址:
http://www.45fan.com/a/question/73657.html