Heim > Artikel > Web-Frontend > Codebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style“ in CSS
Der Inhalt dieses Artikels befasst sich mit dem Codebeispiel zum Definieren des kursiven Schriftstils in CSS. Es hat einen gewissen Referenzwert. Ich hoffe, es wird für Sie hilfreich sein.
1. Häufig verwendete kursive Syntax
Gemeinsame Schriftstileinstellungen: kursiv
Kompatibel mit gängigen Browsern
normal : Normale Schriftart (Standardschriftstil, kann verwendet werden, um den standardmäßigen Kursivstil des HTML i-Tags „Italic“ zu entfernen)
kursiv: kursiv. Für spezielle Schriftarten ohne Kursivvariablen wird Oblique
Oblique angewendet: Kursivschrift
2. CSS-Kursivschrift
Wir stellen die Textschriftart im Feld divcss5 auf kursiv und schräg kursiv ein und verwenden „font-style:normal“, um den standardmäßigen kursiven Stil des HTML-Kursiv-Tags zu entfernen.
1. CSS-Code:
<style> .divcss5_italic{ font-style:italic} .divcss5_oblique{ font-style:oblique} .divcss5_normal i{ font-style:normal} / 去掉divcss5_normal对象I斜体标签默认斜体样式 / </style>
2. HTML-Code-Snippet:
<div class="divcss5_italic">我被加斜体</div> <div class="divcss5_oblique">我被加倾斜</div> <div>我加I标签斜体</div> <div class="divcss5_normal">I斜体被CSS去掉</div>
3. div. CSS-Screenshot in Kursivschrift
CSS-Schriftstil, kursive Schriftart, kursiver Stil (kursiv, schräg, normal)
3. Zusammenfassung
Machen Sie die Textschriftart im Objektfeld kursiv, und Sie können sie hinzufügen Das entsprechende Feld Mit dem CSS-Stil „font-style:italic“ kann die Textschriftart im Objekt kursiv dargestellt werden. Gleichzeitig zeigt unser Fall auch die Verwendung von CSS zum Entfernen des Kursivstils und die Verwendung von CSS „font-style:normal“ zum Entfernen des Kursivstils des I-Tags.
Das obige ist der detaillierte Inhalt vonCodebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style“ in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!