首页 >web前端 >js教程 >怎样使用伪元素first-letter让文字首字母大写

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

php中世界最好的语言
php中世界最好的语言原创
2018-03-09 13:47:022640浏览

这次给大家带来怎样使用伪元素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>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

bootstrap-validator使用详解

iframe的跨域使用方法

js声明函数的四种方式

以上是怎样使用伪元素first-letter让文字首字母大写的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn