CSS怎么实现段落首字母、首字放大特效

本篇内容主要讲解“CSS怎么实现段落首字母、首字放大特效”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“CSS怎么实现段落首字母、首字放大特效”吧!

专注于为中小企业提供网站建设、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业石龙免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

摘要：

段落首字母放大是指放大段落开头的字母或者汉字，主要使用了css的first-letter伪类选择器。

单行放大：

在第一行内放大，效果如下：

CSS怎么实现段落首字母、首字放大特效

代码如下:

Document

This is a test article. This is a test article.

这是一个测试

注意：first-letter支持IE7+，first-line支持IE8+

多行放大：

效果如下：

CSS怎么实现段落首字母、首字放大特效

代码如下:

Document

This is a test article. This is a test article.This is a test article. This is a test article.This is a test article. This is a test article.

这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。

到此，相信大家对“CSS怎么实现段落首字母、首字放大特效”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

分享题目：CSS怎么实现段落首字母、首字放大特效
本文路径：http://6mz.cn/article/igdeoo.html

网站建设知识