自定义Blog样式的方法

自定义Blog样式的方法

我首先选用的是Cogitation样式,然后自己修改样式。

样式是代码如下:

自定义Blog样式的方法<styletype="text/css">
自定义Blog样式的方法<!--
自定义Blog样式的方法自定义Blog样式的方法body
{
自定义Blog样式的方法font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
自定义Blog样式的方法
自定义Blog样式的方法scrollbar-face-color
:lightsteelblue;
自定义Blog样式的方法scrollbar-arrow-color:#ffffff;
自定义Blog样式的方法scrollbar-track-color:#dee4ef;
自定义Blog样式的方法scrollbar-shadow-color:blue;
自定义Blog样式的方法scrollbar-3dlight-color:#f33366;
自定义Blog样式的方法OVERFLOW:auto;
自定义Blog样式的方法background-repeat:repeat;
自定义Blog样式的方法background-attachment:fixed;
自定义Blog样式的方法
自定义Blog样式的方法padding-right
:32px;padding-left:32px;background:#eee;padding-bottom:32px;margin-left:15px;color:#000;margin-right:15px;
自定义Blog样式的方法padding-top:12px;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*段落*/
自定义Blog样式的方法p
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法font-size:14px;
自定义Blog样式的方法font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
自定义Blog样式的方法line-height:150%;
自定义Blog样式的方法text-indent:28px;
自定义Blog样式的方法margin:10px0px;
自定义Blog样式的方法text-align:justify;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*超链接*/
自定义Blog样式的方法a:visited,
自定义Blog样式的方法a:active,
自定义Blog样式的方法自定义Blog样式的方法a:link
{
自定义Blog样式的方法color:Navy;
自定义Blog样式的方法text-decoration:none;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法a:hover{
自定义Blog样式的方法text-decoration:underline;
自定义Blog样式的方法color:#FF300F;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*标题样式*/
自定义Blog样式的方法自定义Blog样式的方法h1{
自定义Blog样式的方法margin:0px;
自定义Blog样式的方法color:#0000FF;
自定义Blog样式的方法font-size:28px;
自定义Blog样式的方法}

自定义Blog样式的方法h1a:visited,
自定义Blog样式的方法h1a:active,
自定义Blog样式的方法自定义Blog样式的方法h1a:link
{
自定义Blog样式的方法color:#000;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法h1a:hover{
自定义Blog样式的方法color:#00047F;
自定义Blog样式的方法text-decoration:none;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法h2{
自定义Blog样式的方法margin-top:10px;
自定义Blog样式的方法font-size:1em;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法h3{
自定义Blog样式的方法font-size:1.2em;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*头部*/
自定义Blog样式的方法#top
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法background-image:url("http://p.blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg");
自定义Blog样式的方法background-repeat:repeat-x;
自定义Blog样式的方法color:WhiteSmoke;
自定义Blog样式的方法padding:0px;
自定义Blog样式的方法height:160px;
自定义Blog样式的方法margin-left:0px;
自定义Blog样式的方法margin-right:0px;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*剑心博客4个字的样式*/
自定义Blog样式的方法.headermaintitle
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法color:#0000FF;
自定义Blog样式的方法font-size:28px;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*定制头部副标题样式*/
自定义Blog样式的方法自定义Blog样式的方法#tagline{
自定义Blog样式的方法font-size:1em;
自定义Blog样式的方法margin:10px;
自定义Blog样式的方法color:#6699FF;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*标题超链接样式*/
自定义Blog样式的方法.HeaderTitlesa:visited,
自定义Blog样式的方法.HeaderTitlesa:active,
自定义Blog样式的方法.HeaderTitlesa:link,
自定义Blog样式的方法.HeaderTitlesa:hover
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法color:#0000FF;
自定义Blog样式的方法text-decoration:none;
自定义Blog样式的方法font-weight:bold;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法.HeaderBara:visited,
自定义Blog样式的方法.HeaderBara:active,
自定义Blog样式的方法.HeaderBara:link
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法color:WhiteSmoke;
自定义Blog样式的方法text-decoration:none;
自定义Blog样式的方法font-weight:normal;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*状态栏,即多少篇文章之类的*/
自定义Blog样式的方法自定义Blog样式的方法/*
自定义Blog样式的方法.BlogStatsBar
自定义Blog样式的方法{
自定义Blog样式的方法text-align:right;
自定义Blog样式的方法font-weight:normal;
自定义Blog样式的方法font-size:7pt;
自定义Blog样式的方法color:Silver;
自定义Blog样式的方法border-collapse:collapse;
自定义Blog样式的方法}
自定义Blog样式的方法
*/

自定义Blog样式的方法自定义Blog样式的方法/*引用块*/
自定义Blog样式的方法自定义Blog样式的方法blockquote{
自定义Blog样式的方法font-style:italic;
自定义Blog样式的方法background-color:#CCCCCC;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法div.post
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法border-right:gainsboro2pxsolid;
自定义Blog样式的方法border-top:gainsboro2pxsolid;
自定义Blog样式的方法border-left:gainsboro2pxsolid;
自定义Blog样式的方法border-bottom:gainsboro2pxsolid;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法/*相关文章标题和回复标题*/
自定义Blog样式的方法div.postTitle
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法padding-left:3px;
自定义Blog样式的方法font-weight:bolder;
自定义Blog样式的方法font-size:10pt;
自定义Blog样式的方法padding-bottom:3px;
自定义Blog样式的方法padding-top:3px;
自定义Blog样式的方法border-bottom:gainsboro1pxsolid;
自定义Blog样式的方法background-color:whitesmoke;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法/*回复(评论),相关文章和文章摘要的样式*/
自定义Blog样式的方法div.postText
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法padding-right:10px;
自定义Blog样式的方法padding-left:3px;
自定义Blog样式的方法font-size:14px;
自定义Blog样式的方法padding-bottom:3px;
自定义Blog样式的方法padding-top:3px;
自定义Blog样式的方法}

自定义Blog样式的方法自定义Blog样式的方法/*发表于几个字的样式*/
自定义Blog样式的方法div.postFoot
自定义Blog样式的方法自定义Blog样式的方法
{
自定义Blog样式的方法background-color:WhiteSmoke;
自定义Blog样式的方法border-top:gainsboro1pxsolid;
自定义Blog样式的方法font-size:9pt;
自定义Blog样式的方法padding-right:3px;
自定义Blog样式的方法padding-left:3px;
自定义Blog样式的方法padding-bottom:1px;
自定义Blog样式的方法padding-top:1px;
自定义Blog样式的方法text-align:right;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法
/*左边栏菜单*/
自定义Blog样式的方法自定义Blog样式的方法#leftmenu{
自定义Blog样式的方法position:absolute;
自定义Blog样式的方法left:45px;
自定义Blog样式的方法width:180px;
自定义Blog样式的方法height:auto;
自定义Blog样式的方法word-wrap:break-word;
自定义Blog样式的方法table-layout:fixed;
自定义Blog样式的方法background-color:WhiteSmoke;
自定义Blog样式的方法padding-top:5px;
自定义Blog样式的方法font-style:normal;
自定义Blog样式的方法}

自定义Blog样式的方法
自定义Blog样式的方法自定义Blog样式的方法#leftmenuh3
{
自定义Blog样式的方法font-size:0.8em;
自定义Blog样式的方法margin:0px;
自定义Blog样式的方法margin-top:10px;
自定义Blog样式的方法padding-bottom:2px;
自定义Blog样式的方法padding-left:3px;
自定义Blog样式的方法border-top:solid1pxGainsboro;
自定义Blog样式的方法}

自定义Blog样式的方法