Wie ändere ich Text mit CSS? Dieser Artikel fasst einige Methoden zum Ändern von Text mit CSS zusammen, stellt einige Attribute von CSS-modifiziertem Text vor und informiert Sie über die 9 Attribute von CSS-modifiziertem Text. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
1. CSS-Einstellung Textfarbe Attribut
Farbattribut: Legen Sie die Textfarbe fest. Die Verwendung ist wie folgt:
color:颜色值;
Zu den zulässigen Farbwerten, die durch das Farbattribut festgelegt werden können, gehören: hexadezimaler Farbwert (Beispiel: #ffffff), RGB-Farbwert [Beispiel: rgb(0,0, 0)], RGBA-Farbwert [Beispiel: RGB(0,0,0,0,5), 0,5 steht für Transparenz], HSL-Farbwert [Beispiel: HSL(120,65%,75%)], HSLA-Farbwert [HSL( 120,65 %,75 %,0,3), 0,3 steht für Transparenz].
2. CSS-Attribut Textzeilenhöhe (Zeilenabstand)
Zeilenhöhenattribut: Legen Sie den Abstand zwischen Zeilen (Zeilenhöhe) fest. Die Verwendung ist wie folgt:
line-height:值;
Das CSS-Zeilenhöhenattribut dient insbesondere dazu, den Zeilenabstand von Text festzulegen. Sie können sich auf den vorherigen Artikel beziehen [ So legen Sie den Zeilenabstand in CSS fest ? Zeilenabstandseinstellungen für CSS-Text ], ich hoffe, es wird für alle hilfreich sein.
3. CSS-Einstellungen Horizontale Textausrichtung -Attribut
text-align-Attribut: Legt die horizontale Ausrichtung des Texttexts im Element fest. Die Verwendung ist wie folgt:
text-align: left || right || center || justify ;
left: Legt fest, dass der Text linksbündig ausgerichtet wird. Standard: Wird vom Browser bestimmt.
rechts: Stellen Sie den Text so ein, dass er rechtsbündig ausgerichtet ist.
Mitte: Legen Sie fest, dass der Text in der Mitte ausgerichtet werden soll.
justify: Um den Effekt zu erzielen, dass der Text an beiden Enden ausgerichtet wird.
4. CSS Texteinzug Attribut
Texteinzugsattribut: Texteinzug festlegen.
Ausführliche Informationen dazu, wie das css text-indent-Attribut die Texteinrückung festlegt, finden Sie unter [Wie erzielt man den Effekt der Einrückung der ersten Zeile in CSS? Das text-indent-Attribut implementiert den Einzug der ersten Zeile ].
5. Legen Sie den Textdekorationseffekt
text-indent:none || [underline(下划线) || overline(上划线) || line-through(中划线)] || blink ;
Groß-/Kleinschreibung von Textzeichen Transformationsattribut
Texttransformationsattribut: Steuern Sie die Groß-/Kleinschreibung von Textzeichen. Verwendung:text-transform:uppercase(全大写) || lowercase(全小写) || capitalize(首字母大写) || none ;
Wie stelle ich die Groß- und Kleinschreibung von Buchstaben in CSS ein?“ Das Texttransformationsattribut legt die Großschreibung von Buchstaben ] fest, die ausführlich beschrieben wird.
Texttextabstand -Attribut
Wortabstandsattribut: Legen Sie den Abstand zwischen Text oder Wörtern fest, der Abstand zwischen Wörtern = Wortabstand + Leerzeichen Größe. letter-spacing-Attribut: Legen Sie den Abstand zwischen Buchstaben fest. Sie können sich auf den Artikel [Wie stelle ich den Textabstand in CSS ein?“ beziehen. Ein einfacher Vergleich des Wortabstandsattributs und des Buchstabenabstandsattributs ], der vorstellt, wie das Wortabstandsattribut und das Buchstabenabstandsattribut den Textabstand festlegen und welche Unterschiede es gibt.
8.Attribute des Textschattens
Textschattenattribut: Schatten auf Text setzen So erzielen Sie einen Textschatteneffekt, den jeder lesen kann der Artikel [Wie füge ich einen Textschatteneffekt in CSS3 hinzu? text-shadow legt den Textschatteneffekt fest ] Erfahren Sie mehr.
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unterCSS-Basis-Video-Tutorial , CSS3-Video-Tutorial , Bootstrap-Tutorial !
Das obige ist der detaillierte Inhalt vonWie ändere ich Text mit CSS? 9 CSS-Eigenschaften zum Ändern des Textstils (Zusammenfassung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!