Heim >Web-Frontend >CSS-Tutorial >Warum ändert CSS „color' nicht die Farbe des „Elements'?

Warum ändert CSS „color' nicht die Farbe des „Elements'?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-04 08:10:13833Durchsuche

Why Doesn't CSS `color` Change the `` Element's Color?

Styling des


-Elements

Beim Versuch, die Farbe des


-Elements mithilfe von CSS zu ändern, stoßen viele Entwickler auf Schwierigkeiten. Der bereitgestellte Code, der die Farbeigenschaft nutzt, liefert nicht das gewünschte Ergebnis.

Die Lösung liegt darin, stattdessen border-color zu verwenden. Das


-Element erzeugt eine horizontale Linie, und die Rahmenfarbe steuert die Farbe der Linie.

Es ist wichtig zu beachten, dass der Rahmen genauso breit bleibt, wenn Sie die Liniengröße über andere CSS-Eigenschaften ändern in den Stilen angegeben. In solchen Fällen kann es notwendig sein, die Rahmenfarbe durch die Hintergrundfarbe zu ergänzen.

Wie im Standard-Stylesheet des HTML 5 Boilerplate-Projekts gezeigt, können Sie die folgende Regel verwenden, um das


-Element anzupassen:
hr {
  border-color: #ccc;
}

Wenn Sie außerdem möchten, dass das


-Element die Rahmenfarbe von seinem übergeordneten Element erbt, können Sie die Rahmenfarbe angeben: erben. Dieser Tipp wurde in einem von SitePoint veröffentlichten Artikel mit dem Titel „12 wenig bekannte CSS-Fakten“ hervorgehoben.

Das obige ist der detaillierte Inhalt vonWarum ändert CSS „color' nicht die Farbe des „Elements'?. 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