不再犹豫
分享是一种美德

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

之前有朋友问过类似的问题,找了找相关的资料,找到了,分享一下,希望能帮助大家!
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下正常。其它内容可按需要更改为你想要的效果。

赞(7)
转载请注明来源地址:不再犹豫 » 跨浏览器兼容实现首段首字下沉效果的CSS代码

评论 抢沙发

评论前必须登录!