Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie Unterstreichungen in CSS

So entfernen Sie Unterstreichungen in CSS

藏色散人
藏色散人Original
2021-02-28 15:57:224754Durchsuche

So entfernen Sie Unterstreichungen in CSS: Erstellen Sie zunächst eine HTML-Beispieldatei. Verwenden Sie dann das Tag „a“, um einen Link im div-Modul zu erstellen. Setzen Sie dann den Attributwert auf „demo“. Unterstreichen Sie es mit dem Attribut text-decoration. Das ist alles.

So entfernen Sie Unterstreichungen in CSS

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

Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html, um zu erklären, wie Unterstreichungen in CSS entfernt werden.

So entfernen Sie Unterstreichungen in CSS

Verwenden Sie in der Datei test.html das div-Tag, um ein Modul zu erstellen. Verwenden Sie im div-Modul das a-Tag, um einen Link zu erstellen.

So entfernen Sie Unterstreichungen in CSS

Legen Sie in der Datei test.html das Klassenattribut für das div-Tag fest. Der Attributwert ist demo. Er wird hauptsächlich zum Festlegen des CSS-Stils über diese Klasse verwendet. [Empfohlen: „CSS-Video-Tutorial“]

So entfernen Sie Unterstreichungen in CSS

Schreiben Sie in die Datei test.html das Tag , den CSS-Stil der Seite wird in dieses Tag geschrieben.

So entfernen Sie Unterstreichungen in CSS

Da ein Tag mehrere Zustände hat, nämlich Normalzustand, angeklickter Zustand und aktiver Zustand, müssen die Stile dieser Zustände jeweils festgelegt werden. Der Code lautet wie folgt:

So entfernen Sie Unterstreichungen in CSS

Verwenden Sie im CSS-Tag das Attribut „text-decoration“, um die drei Zustände des Tags „a“ festzulegen, und setzen Sie seinen Attributwert auf „Keine“, um den Effekt des Entfernens von Unterstrichen zu erzielen.

So entfernen Sie Unterstreichungen in CSS

Öffnen Sie die Datei test.html im Browser, um den Effekt zu sehen.

So entfernen Sie Unterstreichungen in CSS

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