Heim > Artikel > Web-Frontend > So verwenden Sie das Pseudoelement „first-letter“, um den ersten Buchstaben eines Textes groß zu schreiben
So verwenden Sie das Pseudoelement „first-letter“, um den ersten Buchstaben eines Textes groß zu schreiben
- php中世界最好的语言Original
- 2018-03-09 13:47:022529Durchsuche
Dieses Mal zeige ich Ihnen, wie Sie das Pseudoelement „first-letter“ verwenden, um den ersten Buchstaben des Textes großzuschreiben. Welche Vorsichtsmaßnahmen gibt es bei der Verwendung des Pseudoelements „first-letter“ für die Großschreibung des ersten Buchstabens? Das Folgende ist ein praktischer Fall.
<!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>Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
Verwandte Lektüre:
Detaillierte Erläuterung der Verwendung des Bootstrap-Validators
Domänenübergreifende Nutzung von Iframe
Vier Möglichkeiten, Funktionen in js zu deklarieren
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Pseudoelement „first-letter“, um den ersten Buchstaben eines Textes groß zu schreiben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!