Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie einen Link zum Hintergrund in HTML hinzu

So fügen Sie einen Link zum Hintergrund in HTML hinzu

藏色散人
藏色散人Original
2021-06-11 11:15:534180Durchsuche

So fügen Sie einen Link zum Hintergrund in HTML hinzu: Erstellen Sie zuerst eine neue HTML-Datei und verwenden Sie div, um ein Modul zu erstellen. Anschließend legen Sie den CSS-Stil über die Klasse fest Hintergrundbild.

So fügen Sie einen Link zum Hintergrund in HTML hinzu

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Wie füge ich einen Link zum HTML-Hintergrund hinzu?

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie in CSS Hyperlinks zu Hintergrundbildern hinzufügen.

So fügen Sie einen Link zum Hintergrund in HTML hinzu

In der Datei test.html verwenden Sie div, um ein Modul zu erstellen und dessen Klassenattribut auf testid zu setzen.

So fügen Sie einen Link zum Hintergrund in HTML hinzu

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

So fügen Sie einen Link zum Hintergrund in HTML hinzu

Legen Sie im CSS-Tag den CSS-Stil über die Klasse fest, definieren Sie die Breite des Div als 200 Pixel, die Höhe als 200 Pixel und das Hintergrundbild als JPG.

So fügen Sie einen Link zum Hintergrund in HTML hinzu

In der test.html-Datei verwenden Sie außerhalb des div-Tags das a-Tag, um einen Link zu erstellen, um einen Hyperlink zum Hintergrundbild hinzuzufügen.

So fügen Sie einen Link zum Hintergrund in HTML hinzu

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

So fügen Sie einen Link zum Hintergrund in HTML hinzu

Empfohlenes Lernen: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie einen Link zum Hintergrund in HTML 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
Vorheriger Artikel:Was nützt HTML?Nächster Artikel:Was nützt HTML?