利用CSS美化Blog文章

利用CSS美化Blog文章

本文地址: var path=document.URL; document.write(document.URL)

发布于 var path=document.URL; date=path.substring(40,44); month=path.substring(45,47); day=path.substring(48,50); document.write(date+'年'+month+'月'+day+'日');

这是我使用的CSS

<styletype="text/css">

/*********************************
 * Greenerycn Blog Css           *
 *                               *
 * Date: 2008-2-21               *
 * Last Modified Date:           *
 *       2008-2-21               *
 *                               *
 * Contact:[email protected]  *
 * copyright:创作共享 非商业        *
 *                               *
 *********************************/

/*正文区域*/
#GreenerycnBody{
padding-top:10px;
clear:both;
letter-spacing:1px;/*字符间距*/


}
/*链接样式*/
#GreenerycnBody.link{
width:90%;
font-family:tahoma;
font-size:9pt;
line-height:100%;
text-transform:lowercase;/*小写显示*/

}

#GreenerycnBodya,#GreenerycnBodya:link,#GreenerycnBodya:active{
font-weight:bold;
text-decoration:none;

color:green;

}
#GreenerycnBodya:hover{
text-decoration:underline;
color:green;

}

/*层样式*/
#GreenerycnBodydiv{
border:solid1px#78A3D3;
background-color:#F5F8FC;
word-break:break-all;
overflow:auto;
padding:15px;
margin:15px0;

}

/*总标题*/
#GreenerycnBodyh1{
font-size:23px;
padding:10px0;
font-family:Verdana,Arial,Sans-Serif;
border-bottom:dashed1pxgray;
text-align:center;
background-color:#F5F8FC;
height:40px;
letter-spacing:0px;/*字符间距*/
}
/*发布日期*/
#GreenerycnBody.fooTime{
margin:0;
padding-top:5px;
text-align:center;
font-size:12px;
line-height:1em;
font-family:Verdana,Arial,Sans-Serif;
border:none;

}

/*标题*/
#GreenerycnBody.title{
font-size:16px;
font-family:宋体;
TEXT-ALIGN:center;
font-weight:bold;
}

/*段落*/
#GreenerycnBodyp{
font-family:Verdana,Arial,Sans-Serif;
text-indent:2em;
line-height:100%;
font-size:11pt;
whiteSpace:normal;
letter-spacing:1px;/*字符间距*/
}
/*一个蓝色的代码框*/

#GreenerycnBody.code{
font-family:"Verdana","CourierNew","Courier","mono";
font-size:12px;
line-height:18px;
color:#000000;
background-color:#DDEDFB;
margin:5px;
padding:5px;
border:1pxsolidgreen;
display:block;
}

#GreenerycnBodyblockquote{
background-color:lightyellow;
border:1pxdotted#dedbde;
padding:10px;
}
/*脚注*/
#GreenerycnBody.foot{
height:43px;
padding:12px000;
text-align:center;
margin:30px000;
font-size:12px;
border:none;
border-top:dashed1pxgray;
}
</style>

我的文章框架:

< div id ="GreenerycnBody" >

< h1 > 标题 </ h1 >
< p class ="fooTime" > 本文地址:
< script type ="text/javascript" >
document.write(document.URL)
</ script >

< p class ="fooTime" > 发布于
< script type ="text/javascript" > var path = document.URL;date = path.substring( 40 , 44 );month = path.substring( 45 , 47 );day = path.substring( 48 , 50 );document.write(date + ' 年 ' + month + ' 月 ' + day + ' 日 ' ); </ script >
</ p >


< div >
< p class ="link" >< a href ="http://blog.csdn.net/greenerycn" > Grenerycn'sBlog </ a > </ p >
< p > 正文
</ p >
</ div >
< div class ="foot" > 本文地址: < script type ="text/javascript" >
document.write(document.URL)
</ script ></ div >


</ div >

本文地址: document.write(document.URL)