Heim >Web-Frontend >HTML-Tutorial >So ändern Sie die Schriftfarbe in HTML

So ändern Sie die Schriftfarbe in HTML

php中世界最好的语言
php中世界最好的语言Original
2017-11-20 14:04:2316609Durchsuche

Viele Freunde sind sehr besorgt darüber, wie man die Schriftfarbe in HTML ändert? Wie stelle ich die Schriftfarbe ein? Deshalb stellen wir Ihnen heute vor, wie Sie die Schriftfarbe in HTML ändern und wie Sie die Schriftfarbe erhalten.

Zuerst müssen wir die HTML-Schriftfarbeinstellung kennen

In HTML verwenden wir das Font-Tag, um die Farbe des Schriftinhalts festzulegen.

1. Schriftartensyntax:

c0025c2938efc05b97bd9beea08ca0c4Ich bin eine rote Schriftarte6e38b3c62e8df885fe2e3986461aa63 Paar regulärer Tags, fügen Sie den Textinhalt der Schriftart in die Beschriftung ein, legen Sie die Farbfarbe + den entsprechenden Farbwert in der Schriftartbeschriftung fest, um die Schriftfarbe im Schriftartbeschriftungsobjekt festzulegen.

Vollständiger Code für ein Beispiel für eine HTML-Schriftfarbe:

Wenn Sie die Schriftfarbe mit dieser Methode ändern möchten, müssen Sie nur den Farbwert ändern.
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>font字体颜色在线实例 DIVCSS5</title> 
</head> 
<body> 
<font color="#FF0000">我是红色字体</font> 
<table width="300" border="1"> 
<tr> 
<td><font color="#0000FF">你好</font></td> 
<td>DIVCSS5</td> 
</tr> 
</table> 
</body> 
</html>


html div

CSS-Schriftart

Farbeinstellung Um es zusammenzufassen: Wenn Sie die Schriftfarbe über den CSS-Stil in HTML festlegen möchten , wie es geht Es gibt zwei Typen, einer ist In-Label-CSS und der andere ist externes CSS.

Um externes CSS zu verwenden, können Sie den CSS-Code separat in die CSS-Datei einfügen und einen HTML-Link verwenden, um CSS einzuführen (HTML führt CSS ein), oder Sie können das c9ccee2e6ea535a969eb3f532ad9fe89-Tag in HTML verwenden, um CSS zu erstellen . Sie können auch das style-Attribut innerhalb des

html-Tags

verwenden, um die CSS-Farbe festzulegen. Hier sind zwei Methoden zum Implementieren der Einstellung der HTML-Schriftfarbe: Eine besteht darin, CSS im Tag zu verwenden, und die andere darin, das Style-Tag zum Festlegen der Schriftfarbe zu verwenden.

Verwenden Sie das c9ccee2e6ea535a969eb3f532ad9fe89-Tag und das style-Attribut im DIV-Tag, um die Schriftfarbe in HTML festzulegen.
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>css实现字体颜色 在线演示 DIVCSS5</title> 
<style> 
.divcss5{color:#F00} 
</style> 
<!-- html注释说明:使用style标签设置字体颜色 --> 
</head> 
<body> 
<div class="divcss5">我字体是红色</div> 
<div style="color:#00F">我字体是蓝色</div> 
<!-- div标签内使用style属性设置字体颜色 --> 
</body> 
</html>

html

Hyperlink

Eine Einstellung der Schriftfarbe Um die Farbe der Ankertextschriftart in HTML festzulegen, gibt es zwei Situationen: Eine besteht darin, die Schriftart in allen Hyperlinks festzulegen in html Legen Sie eine einheitliche Schriftfarbe fest, und die andere besteht darin, eine separate Farbe für die Ankertext-Hyperlink-Schriftart innerhalb des angegebenen Objekts festzulegen.

Ich werde Ihnen anhand von Beispielen die einheitliche Einstellung und individuelle Einstellung der Schriftfarbe von Hyperlink-Ankertexten in HTML vorstellen.

Die blaue Schriftfarbe des Hyperlinks ist in HTML einheitlich eingestellt, während die grüne Schriftfarbe die individuell eingestellte Hyperlink-Schriftfarbe ist.
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html超链接字体颜色设置 在线演示 DIVCSS5</title> 
<style> 
a{ color:#00F} 
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
/* css 注释说明:以上代码为设置html中超链接统一字体颜色 */ 
.div a{ color:#090} 
.div a:hover{ color:#090} 
/* css注释说明:以上代码为设置html中.div对象内超链接字体颜色 */ 
</style> 
</head> 
<body> 
<p>测试内容我是统一设置的颜色蓝色<a href="http://www.divcss5.com">DIVCSS5</a></p> 
<div class="div">我在div对象内,超链接颜色为<a href="#">我是超链接绿色</a></div> 
</body> 
</html>

So erhalten Sie die für HTML erforderliche genaue Schriftfarbe

Um genaue Farbwerte zu erhalten, verwenden Sie im Allgemeinen die Software

Photoshop

(ps). Im folgenden DIVCSS5 erfahren Sie, wie Sie PS verwenden, um den Farbwert einer bestimmten Schriftart zu erhalten, und wie Sie es flexibel anwenden, um den Farbwert eines bestimmten Hintergrunds, Bilds oder Rahmens durch Ermitteln des Schriftartwerts zu erhalten. Wenn wir den spezifischen blauen Farbwert von „CSS“ im obigen Bild erhalten möchten

Wenn wir den spezifischen blauen Farbwert von „CSS“ im obigen Bild erhalten möchten

1. Öffne PS Dieses Bild

PS öffne dieses Bild, um die Farbe zu erhalten

PS öffne dieses Bild

2. Benutze die Schaltfläche „Vordergrundfarbe auswählen“ oder „Hintergrund auswählen“ des PS-Tools „Farbe“-Tool

Hier klicken wir auf das „Vordergrundfarbe“-Tool im roten Feld

Hier klicken wir auf das „Vordergrundfarbe“-Tool im roten Feld

3. Die Registerkarte „Vordergrundfarbe auswählen“ wird angezeigt.

Nach dem zweiten Schritt wird die Registerkarte „Vordergrundfarbe auswählen“ angezeigt. Gleichzeitig dreht sich der Mauszeiger Klicken Sie zu diesem Zeitpunkt auf die Farbe, die Sie benötigen. Wenn das Bild zu klein ist und es schwierig ist, es genau anzuklicken, können Sie es mit dieser Methode vergrößern . „ctrl+++“ kann das Bild stufenlos vergrößern.

Erhalten Sie den genauen Farbwert „0000FF“

Erhalten Sie den genauen Farbwert „0000FF“

4. Stellen Sie den erhaltenen Farbwert mit

Farbe ein: # 0000FF

Tipps: Gehen Sie bei der Verwendung von Farbwerten im Allgemeinen direkt zu PS, um die Farbwerte zu kopieren, um manuelle Eingabefehler zu vermeiden. Vergessen Sie gleichzeitig nicht, das „#“-Zeichen vorher hinzuzufügen der Farbwert.

Verwandte Lektüre:

Die vollständigsten HTML5-Tags


So legen Sie Bildlaufleisten fest DIV


Wie tippe ich mehrere Leerzeichen in HTML ein?


Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftfarbe in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was genau ist HTML?Nächster Artikel:Was genau ist HTML?