怎样使用伪元素first-letter让文字首字母大写

来源：才杰教育

这次给大家带来怎样使用伪元素first-letter让文字首字母大写，使用伪元素first-letter让文字首字母大写的注意事项有哪些，下面就是实战案例，一起来看一下。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><HTML>
 <HEAD>
 <TITLE>Drop cap initial letter</TITLE>
 <STYLE type="text/css">
 P { 
 font-size: 12pt; 
 line-height: 1.2; 
 width:250px;
 } P::first-letter { 
 font-size: 224%; 
 margin-top: -5px; font-weight: bold; 
 float:left; 
 } SPAN { 
 text-transform: uppercase 
 } </STYLE>
 </HEAD>
 <BODY>
 <P><SPAN>The first</SPAN> few words of an article
 in The Economist.The first few words of an article
 in The Economist.</P>
 </BODY></HTML>

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！