Heim >Web-Frontend >HTML-Tutorial >So passen Sie die Schriftfarbgröße in HTML an
Durch die Verwendung von CSS-Stilen können Sie die Farbe und Größe von Schriftarten in HTML anpassen. Die Farbe kann über das Attribut „color“ und der Farbname, der Hex-Code usw. angegeben werden; die Größe kann über das Attribut „font-size“ und verschiedene Einheiten (z. B. px, rem, %) angegeben werden. Bei der gleichzeitigen Anpassung von Farbe und Größe können zusammengesetzte Stile verwendet werden.
So passen Sie Schriftgröße und -farbe in HTML an
In HTML können Sie die Schriftfarbe und -größe mithilfe von CSS-Stilen anpassen.
Schriftfarbe anpassen:
color
-Attribut verwenden: color: red;
color
属性:color: red;
示例:
<code class="html"><p style="color: red;">红色文本</p></code>
使用 CSS 颜色名称:color: blue;
示例:
<code class="html"><p style="color: blue;">蓝色文本</p></code>
使用十六进制代码:color: #ff0000;
示例:
<code class="html"><p style="color: #ff0000;">纯红色文本</p></code>
调整字体大小:
使用 font-size
属性:font-size: 20px;
示例:
<code class="html"><p style="font-size: 20px;">20px 大小的文本</p></code>
使用 CSS 字体大小单位:font-size: 1.5rem;
示例:
<code class="html"><p style="font-size: 1.5rem;">1.5rem 大小的文本</p></code>
使用相对大小单位:font-size: 120%;
<code class="html"><p style="font-size: 120%;">120% 相对大小的文本</p></code>
Farbe: blau;
Beispiel:
<code class="html"><p style="color: blue; font-size: 20px;">蓝色 20px 文本</p></code>Hex-Code verwenden:
Farbe: #ff0000;
🎜🎜Beispiel: 🎜rrreee🎜🎜🎜🎜Schriftgröße anpassen: 🎜🎜 🎜🎜🎜Verwenden Sie das Attribut font-size
: font-size: 20px;
🎜🎜Beispiel: 🎜rrreee🎜🎜🎜Verwenden Sie die CSS-Schriftgrößeneinheit: font-size : 1.5rem;
🎜🎜Beispiel: 🎜rrreee🎜🎜🎜Verwenden Sie relative Größeneinheiten: font-size: 120%;
🎜🎜Beispiel: 🎜rrreee🎜🎜🎜🎜Gleichzeitig Passen Sie Schriftfarbe und -größe an: 🎜🎜🎜Um gleichzeitig Schriftfarbe und -größe anzupassen, können Sie einen zusammengesetzten Stil verwenden: 🎜rrreeeDas obige ist der detaillierte Inhalt vonSo passen Sie die Schriftfarbgröße in HTML an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!