跨浏览器兼容实现首段首字下沉效果的CSS代码

之前有朋友问过类似的问题,找了找相关的资料,找到了,分享一下,希望能帮助大家!
CSS代码如下:

1
2
3
4
5
6
7
8
9
.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下正常。其它内容可按需要更改为你想要的效果。

Mr.Naas wechat
欢迎关注本人公众号