Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Unterstreichungen in CSS hinzu

So fügen Sie Unterstreichungen in CSS hinzu

藏色散人
藏色散人Original
2021-04-19 14:30:1917836Durchsuche

So fügen Sie Unterstreichungen in CSS hinzu: 1. Legen Sie die Textunterstreichung über „text-decoration:underline“ fest. 2. Legen Sie den Rand des Div fest, um den Unterstreichungseffekt zu erzielen.

So fügen Sie Unterstreichungen in CSS hinzu

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5- und CSS3-Version.

Im Allgemeinen gibt es zwei Methoden:

1 Verwenden Sie den CSS-Unterstreichungscode: text-decoration:underline, um die Textunterstreichung festzulegen.

Die Beispieldemonstration lautet wie folgt:

1 Der Beispielcode lautet wie folgt:

So fügen Sie Unterstreichungen in CSS hinzu

Der Seiteneffekt ist zu diesem Zeitpunkt wie folgt:

So fügen Sie Unterstreichungen in CSS hinzu

[Empfohlenes Lernen: CSS-Video-Tutorial]

2. Ändern Sie den Textstil des ersten Schritts und fügen Sie text-decoration:underline hinzu.

So fügen Sie Unterstreichungen in CSS hinzu

Zu diesem Zeitpunkt ist der Seiteneffekt wie folgt, wobei Unterstreichungen angezeigt werden.

So fügen Sie Unterstreichungen in CSS hinzu

Zweitens erzielen Sie den Effekt, indem Sie den Rand des Div festlegen:

Das Beispiel sieht wie folgt aus:

Fügen Sie im Anfangscode der ersten Methode border-bottom: 1px solid black und padding-bottom hinzu: 10px zwei Schlüssel Der Stil ist wie folgt:

So fügen Sie Unterstreichungen in CSS hinzu

Der Seiteneffekt ist zu diesem Zeitpunkt wie folgt:

So fügen Sie Unterstreichungen in CSS hinzu

Das obige ist der detaillierte Inhalt vonSo fügen Sie Unterstreichungen in CSS hinzu. 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