四、首字下沉
首字下沉是css伪类上的又一个运用,它可以直接通过css样式表向某个选择器中的文本首字母添加特殊的样式,而不需要把首字添加一个标签或通过程序来实现,今天以制作word里的首字下沉为例来讲解,应用如下伪元素:
:first-letter
在页面中添加如下一段内容,只用设置样式就可以实现首字下沉了:
<p>标准之路[www.aa25.cn]提供DIV+CSS教程,DIV+CSS视频教程,web2.0标准,DIV+CSS布局入门教程,网页布局实例,css布局实例,div+css模板,div+css实例解析,网站重构,网页代码,水晶图标,幻灯广告图片.教程适合初学者循序渐进学习!</p>
为了便于观察效果,我们设置p的样式如下:
p { width: 400px; line-height: 1.5; font-size: 14px; }
然后设置p:first-letter的样式
提示:可以先修改部分代码后再运行