首字下沉是一个相当酷的特效，目前我认为可以用两种方式来实现，第一种就是在word下编辑，详情请看简单三招为你的word排版增色。然后把文字保留格式复制过来贴到你的编辑器中，对于1.7版的zblog来说，因为摘要不能用HTML来写，在首页的摘要上是没法实现这个功能的（1.8版的可以）。
第二种方法就是定义CSS，这种不需要文章内编辑，可以自动实现首字下沉。不管你用什么博客，不管你用什么样的版本！这个都是实用的。打开STYLE目录下的CSS文件，定位"div.post div.post-body"代码，如下：
div.post div.post-body {
margin:0;
padding:10px 5px 10px 5px;
font-size:14px;
word-break:break-all;
text-align:left;
line-height:180%;
overflow:hidden;
}
这段代码是控制你的文章和摘要的格式的，不同地模版可能有些不同，在下面增加以下代码：
.post-body:first-letter {
font-size: 200%;
font-weight: bold;
color: #C60;
float: left;
}
.post-body p:first-letter {
font-size: 200%;
font-weight: bold;
color: #C60;
float: left;
}
可以自行修改颜色及显示大小的百分比。索引重建后摘要和正文的首字会有下沉的效果，但是对于某些人来说，这个并不是一个好事，请看第二段代码：
.post-body p:first-letter {
font-size: 200%;
font-weight: bold;
color: #C60;
float: left;
}
它的意思是遇到了<p>下一个字或字母就会下沉，而我们很多人的文章有些都是转贴的，复制的！有的虽然是自已写的，但是却使用的回车换行，就是一个回车就会在代码里自动加入一个<P>，对于这样的结果就是你的文章正文部分有很多字都是“下沉”的。所以建议大家删除第二段代码！只显示首而的首字下沉，而文章中在写文章时自行定义或者不定义，因为很多人的文章里加入的广告，就像我！首字下沉反而影响美观，所以我只保留了在摘要里的首字下沉。
原创文章如转载，请注明：转载自：飞月博客 [http://www.flymoonblog.cn]
收藏和分享:
