Home  >  Article  >  Web Front-end  >  How to add a link to the background in html

How to add a link to the background in html

藏色散人
藏色散人Original
2021-06-11 11:15:534161browse

html method to add a link to the background: first create a new html file and use div to create a module; then set the css style through class; finally use the a tag to create a link to add super to the background image Just link.

How to add a link to the background in html

The operating environment of this article: windows7 system, HTML5&&CSS3 version, DELL G3 computer

How to add a link to the background of html?

Create a new html file, named test.html, to explain how to add hyperlinks to background images in CSS.

How to add a link to the background in html

In the test.html file, use div to create a module and set its class attribute to testid.

How to add a link to the background in html

In the test.html file, write the tag of the page The css style will be written inside this tag.

How to add a link to the background in html

In the css tag, set the css style through class, define the width of the div as 200px, the height as 200px, and the background image as a.jpg.

How to add a link to the background in html

In the test.html file, outside the div tag, use the a tag to create a link to add a hyperlink to the background image.

How to add a link to the background in html

Open the test.html file in the browser to check the effect.

How to add a link to the background in html

Recommended study: "HTML Video Tutorial"

The above is the detailed content of How to add a link to the background in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn