实然感觉博客现在的界面太平淡了,于是乎想到了首字下沉效果。网上一些教程都是实现每个段落的首字下沉的,而我想实现的是仅首段的第一个字符下沉效果,跟它同级的其它段落正常显示。在高手大猫的帮助下,成功搞定,顺便把博客字体全部换成微软雅黑。
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下正常。其它内容可按需要更改为你想要的效果。
6 评论
添加评论