简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

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

php中世界最好的语言
풀어 주다： 2018-03-09 13:47:02
원래의
2583명이 탐색했습니다.

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

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

관련 자료:

boottrap-validator 사용에 대한 자세한 설명


iframe의 도메인 간 사용


js에서 함수를 선언하는 네 가지 방법

위 내용은 의사 요소 첫 글자를 사용하여 텍스트의 첫 글자를 대문자로 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
first-letter 元素
원천：php.cn
이전 기사：CSS의 Counters 속성에 대한 자세한 설명 다음 기사：jq를 사용하여 여러 Ajax를 보낸 다음 콜백을 실행하는 방법에 대한 팁
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
그리드를 사용하여 특정 디자인 만들기: 단계별 가이드 이 이미지와 유사한 레이아웃을 만들려고 합니다. 이 그리드를 사용해 보았지만 그렇게 할 수 없습니다. <ulclass="container"...
에서 2024-04-06 20:29:08
0
2
492
라디오 버튼 그룹이 필요한지 확인하는 방법 모든 입력에 필수 속성이 지정되지 않을 수 있는 동적 라디오 버튼 그룹이 있습니다. <formname="myform"><inpu...
에서 2024-04-03 16:23:29
0
1
306
PHP: 사용자 입력에서 (예기치 않은) 배열 처리하기 문자열 대신에 "예기치 않은" 배열이 포함된 변수를 보내면 치명적인 오류나 기타 바람직하지 않은 동작이 발생할 수 있다는 사실을 최근에 발견했습...
에서 2024-04-01 17:56:37
0
1
396
개체 위로 마우스를 가져가면 해당 개체가 사라지고 다른 개체가 나타나서 클릭할 수 있게 하려면 어떻게 해야 합니까? 내 첫 번째 개체는 "dog-letter" 클래스의 개체입니다. 여기에는 "dog" 클래스와 "letter"...
에서 2024-04-01 13:23:16
0
1
355
Chrome과 Firefox에서 렌더링되는 텍스트 컨테이너 너비 크기가 다릅니다. Chrome과 Firefox에서 컨테이너 너비가 다른 크기로 렌더링되는 이유는 무엇입니까? 이미지 샘플. Chrome: 렌더링 너비는 681.273입니다. Fir...
에서 2024-03-31 13:37:43
0
1
405
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！