Heim > Artikel > Web-Frontend > So legen Sie die Schriftfarbe in HTML fest
So legen Sie die Schriftfarbe in HTML fest
- 青灯夜游Original
- 2023-03-08 10:04:2622420Durchsuche
So legen Sie die Schriftfarbe in HTML fest: 1. Verwenden Sie das Schriftart-Tag, Syntax „font text“ 2. Verwenden Sie das Stilattribut im Beschriftungselement, das den Schrifttext enthält 3. Verwenden Sie id oder class, um den externen CSS-Schriftfarbstil einzuführen. Die Syntax lautet „id or class selector {color: color value;}“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Methode 1: Verwenden Sie das Schriftart-Tag
, um die Schriftart, Schriftgröße und Schriftfarbe des Textes anzugeben.
Syntax zum Festlegen der Schriftfarbe:
<font color="颜色值">字体文本</font>
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>我是默认黑色字体</div> <div><font color="red">我是红色字体</font></div> </body> </html>
Rendering:
Methode 2: Verwenden Sie das Stilattribut, um den Stil „Farbe: Farbwert;“ hinzuzufügen.
Das Stilattribut gibt an der Inline-Stil des Elements (Inline-Stil). Das
style-Attribut überschreibt alle globalen Stileinstellungen, z. B. diejenigen, die im
Syntax:
<element style="css代码块">
example:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>我是默认黑色字体</div> <div style="color: red;">我是红色字体</div> </body> </html>
rendering:
Method 3: Externe CSS legt die Farbe des HTML -Text -Schriftarts oder der Klasse fest, um externe CSS -Schriftfarbstil zum Festlegen von HTML einzuführen, um HTML festzulegen, um HTML zu setzen Schriftfarbe.
Codebeispiel zum Festlegen der Farbe der HTML-Textschriftart mit externem CSS: <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.ex{ color:pink;font-size:50px}
</style>
</head>
<body>
<div class="ex">php中文网</div>
</body>
</html>
Empfohlenes Tutorial: „
Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftfarbe in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!