집 > 기사 > 웹 프론트엔드 > 의사 요소 첫 글자를 사용하여 텍스트의 첫 글자를 대문자로 표시하는 방법

의사 요소 첫 글자를 사용하여 텍스트의 첫 글자를 대문자로 표시하는 방법

php中世界最好的语言원래의: 2018-03-09 13:47:022528검색

이번에는 텍스트의 첫 글자를 대문자로 사용하기 위해 의사 요소 첫 글자를 사용하는 방법을 보여 드리겠습니다. 실제 사례를 살펴보겠습니다.

<!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 중국어 웹사이트의 다른 관련 기사를 주목하세요!