CSS伪元素first-letter的使用方法

减小字体

增大字体作者：本站来源：本站原创发布时间：2012-05-05 08:58:39

CSS伪元素first-letter用来设置段落的第一个字母（中文是第一个文字）的样式，如设置"词首大写"、"大写字母下沉"等样式。

first-letter样式可以使用的属性包括：font, text-decoration, text-transform, letter-spacing, word-spacing (仅当appropriate), line-height, float, vertical-align (仅当'float'为'none'时), margin, padding, border, color, background

CSS伪元素first-letter的使用例子如下：

p:first-letter { font-size:20px; font-weight:bold; color:red; }

这个CSS样式主要设置段落的第一字母或第一个汉字大小为20个像素，粗体，并且为红色。

first-letter伪元素在常见的浏览器中都能支持，支持的浏览器如下：

Internet Explorer 6、Internet Explorer 7、Internet Explorer 8、Internet Explorer 9、Firefox、Chrome、Opera、Safari

下面是一个完整的例子：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="keywords" content="CSS 伪元素样式表 first-letter" /> <meta http-equiv="description" content="这里演示了CSS伪元素first-letter的使用方法" /> <title>CSS伪元素first-letter的使用方法—翔宇亭IT乐园</title> <style> p:first-letter{ font-size:20px; font-weight:bold; color:red; } </style> </head> <body> <p>这里演示了CSS伪元素first-letter的使用方法</p> <p>翔宇亭IT乐园致力于向各位网友提供最精彩的IT技术文章</p> <p>翔宇亭IT乐园，你我共同的乐园。</p> </body> </html>