实然感觉博客现在的界面太平淡了,于是乎想到了首字下沉效果。网上一些教程都是实现每个段落的首字下沉的,而我想实现的是仅首段的第一个字符下沉效果,跟它同级的其它段落正常显示。在高手大猫的帮助下,成功搞定,顺便把博客字体全部换成微软雅黑。

CSS代码如下:

.parent_class>p:first-child:first-letter{
    font-size:2.5em;
    padding:5px 5px 0 0;
    float:left;
    font-family:楷体,楷体_GB2312;
    font-weight:bold;
    color:#E6192C;
    line-height:1.2em;
}

其中.parent_class为p标签的父级元素,最后一行指定行高为了兼容IE,否则ie显示会错位。字体的话,好像在xp下,用“楷体”不能识别,必须用“楷体_GB2312”,而win7下正常。其它内容可按需要更改为你想要的效果。