So ändern Sie die Farbe einer Webseite in HTML-Front-End-Fragen und Antworten-php.cn

So ändern Sie die Farbe einer Webseite in HTML

PHPz

Freigeben： 2023-04-13 11:16:16

Original

4716 Leute haben es durchsucht

HTML ist der grundlegendste Teil der Webentwicklung, und auch die Farbauswahl von Webseiten ist sehr wichtig. HTML bietet mehrere Methoden zum Ändern der Farbe von Webseiten, einschließlich der Änderung der Hintergrundfarbe der Seite, der Textfarbe und der Linkfarbe.

1. Hintergrundfarbe der Webseite

Farbnamen verwenden

HTML bietet 137 Farbnamen, z. B. Rot , Blau, Grün und andere gängige Farben. Fügen Sie das Stilattribut zum Body-Tag hinzu, verwenden Sie das Hintergrundfarbenattribut und verwenden Sie den Farbnamen als Attributwert, um die Hintergrundfarbe zu ändern.

<body style="background-color: red;">

Nach dem Login kopieren

Verwenden hexadezimaler Farbwerte

Zusätzlich zu Farbnamen können Sie auch hexadezimale Farbwerte verwenden, um den Hintergrund zu ändern Farbe. Fügen Sie das Stilattribut zum Body-Tag hinzu, verwenden Sie das Hintergrundfarbenattribut und verwenden Sie den Farbwert als Attributwert.

<body style="background-color: #FF0000;">

Nach dem Login kopieren

2. Textfarbe

Farbnamen verwenden

Die Textfarbe kann auch über Farbe geändert werden Name . Fügen Sie dem Tag, dessen Farbe geändert werden muss, das Stilattribut hinzu, verwenden Sie das Farbattribut und verwenden Sie den Farbnamen als Attributwert.

<p style="color: green;">这是一个绿色的段落</p>

Nach dem Login kopieren

Verwenden hexadezimaler Farbwerte

Ähnlich kann die Farbe von Text auch mithilfe hexadezimaler Farbwerte geändert werden. Fügen Sie dem Tag, dessen Farbe geändert werden muss, das Stilattribut hinzu, verwenden Sie das Farbattribut und verwenden Sie den Farbwert als Attributwert.

<p style="color: #00FF00;">这是一个绿色的段落</p>

Nach dem Login kopieren

3. Linkfarbe

Ändern Sie die Farbe des Links, wenn er nicht besucht wird

Stil hinzufügen zum a-Tag-Attribut, verwenden Sie das Farbattribut und verwenden Sie den Farbnamen oder Farbwert als Attributwert. Wenn Sie die Farbe eines Links ändern möchten, während die Maus darüber schwebt, können Sie die Pseudoklasse :hover verwenden.

<a href="#" style="color: red;">未访问链接</a>
<a href="#" style="color: #FF0000;">未访问链接</a>

<a href="#" style="color: red;">鼠标悬停链接</a>:hover { color: blue; }
<a href="#" style="color: #FF0000;">鼠标悬停链接</a>:hover { color: #0000FF; }

Nach dem Login kopieren

Ändern Sie die Farbe, wenn der Link besucht wurde.

Fügen Sie das Stilattribut zur Pseudoklasse a:visited hinzu und verwenden Sie die Farbe Attribut und ändern Sie den Farbnamen. Alternativ kann der Farbwert als Attributwert verwendet werden.

a:visited { color: gray; }
a:visited { color: #808080; }

Nach dem Login kopieren

Zusammenfassung

Die oben genannten sind einige grundlegende Methoden zum Ändern von Farben in HTML. Durch Auswahl des Farbnamens oder RGB-Hexadezimalwerts kann die Webseite einen einzigartigen Stil anzeigen. In der tatsächlichen Entwicklung kann CSS auch verwendet werden, um die Farben von Webseiten flexibler zu steuern. Ich hoffe, dieser Artikel ist für Anfänger hilfreich.

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