Heim > Artikel > Web-Frontend > So ändern Sie die Farbe einer Webseite in HTML

So ändern Sie die Farbe einer Webseite in HTML

PHPzOriginal: 2023-04-13 10:46:204627Durchsuche

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;">

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;">

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>

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>

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; }

Ä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; }

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!

css html 伪类 background

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：Besprechen Sie, wie Sie ein Backend-System für Vue-Projekte erstellenNächster Artikel：Besprechen Sie, wie Sie ein Backend-System für Vue-Projekte erstellen

In Verbindung stehende Artikel

Mehr sehen