Maison > Article > interface Web > Comment utiliser le pseudo élément first-letter pour mettre en majuscule la première lettre du texte

Comment utiliser le pseudo élément first-letter pour mettre en majuscule la première lettre du texte

php中世界最好的语言original: 2018-03-09 13:47:022595parcourir

Cette fois, je vais vous montrer comment utiliser le pseudo-élément première lettre pour mettre en majuscule la première lettre du texte. Quelles sont les précautions concernant l'utilisation du pseudo-élément première lettre pour mettre en majuscule la première lettre. du texte. Ce qui suit est un cas pratique.

<!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>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Explication détaillée de l'utilisation de bootstrap-validator

Utilisation inter-domaines d'iframe

Quatre façons de déclarer des fonctions en js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la propriété Counters de CSSArticle suivant：Explication détaillée de la propriété Counters de CSS

Articles Liés

Voir plus