bottle31 2008-1-7 16:52
通过css对文字的第一个字进行处理
报纸或者杂志的排版中经常把第一个字母大小,或者进行一些出来。
通过css的我们也可以在网页中实现这种效果。
CSS2定义了[u]首字[/u]和[u]首行[/u](first-letter和first-line)的伪类,可以对元素的首字或首行设定不同的样式。
下面看这个例子,我们在段落标记里定义文本首字尺寸为默认大小的3倍:
<style type=”text/css”>
p:first-letter {font-size: 300%}
</style>
……
<p>
这是一个段落,这个段落的首字被放大了。
</p>
我们再定义一个首行样式的例子:
<style type=”text/css”>
div p:first-line {color: red}
</style>
……
<div>
<p>
这是段落的第一行
这是段落的第二行
这是段落的第三行
</p>
</div>
(上例中段落的第一行为红色,第二、三行为默认颜色)
注意:首字和首行的伪类需要IE5.5以上的版本支持。