Wie kann ich die Farbe der Unterstreichung unter dem Text ändern?

Ändern der Farbe der Textunterstreichung

Das Ändern der Farbe der Unterstreichung unter dem Text kann mithilfe bestimmter CSS-Eigenschaften erreicht werden.

Option 1: text-decoration-color (Moderne Browser)

Für moderne Browser, die die Eigenschaft text-decoration-color unterstützen, können Sie wie folgt direkt eine Farbe festlegen:

<code class="css">text-decoration-color: green;</code>

Option 2: border-bottom für ältere Browser

Wenn die Eigenschaft text-decoration-color nicht unterstützt wird, können Sie eine Problemumgehung mit einem Rahmen am unteren Rand verwenden Rand des Textes:

<code class="css">a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:hover {
  border-bottom-color: green;
}</code>

Mit dieser Methode können Sie eine farbige Linie unter dem Text erstellen und so den Effekt einer Unterstreichung simulieren.

Das obige ist der detaillierte Inhalt vonWie kann ich die Farbe der Unterstreichung unter dem Text ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!