网页特效之用css样式表实现首字大写

2009-12-16 23:46| 发布者: admin| 查看: 92| 评论: 0|原作者: 段誉

css当中有许多平时很少用的属性，但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐，首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法，东西很简单，下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法:
:first-letter版本:CSS2 兼容性:IE5.5+
语法:
Selector : first-letter { sRules }
说明:
设置对象内的第一个字符的样式。
此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。
在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。
示例:
p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }
情缘.教程_网 [http://Www.XiuGoo.Com]
应用于:
IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD DIV DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP
目前IE和FF都支持此属性，所以大家不必顾虑兼容性的问题，当然要记得设置float属性哦，不然就不会出现那种大字紧贴几行的效果了。
范例(未设置float属性):

欢迎大家来到情缘科技

运行代码复制代码另存代码收藏本页
范例(设置float属性为left)：

欢迎大家来到情缘科技

运行代码复制代码另存代码收藏本页

收藏分享邀请

		自动登录	找回密码
密码			注册

网页特效之用css样式表实现首字大写

最新评论

相关分类