Maison  >  Article  >  interface Web  >  Comment ajouter un lien hypertexte vers une image d'arrière-plan en CSS

Comment ajouter un lien hypertexte vers une image d'arrière-plan en CSS

coldplay.xixi
coldplay.xixioriginal
2021-03-11 17:31:0512269parcourir

Comment ajouter un lien hypertexte vers une image d'arrière-plan en CSS : créez d'abord un nouveau module et définissez son attribut de classe sur testid, puis écrivez le style CSS de la page dans la balise et définissez le style CSS via la classe ; ; Enfin, utilisez la balise a pour créer un lien permettant d'ajouter un lien hypertexte vers l'image d'arrière-plan.

Comment ajouter un lien hypertexte vers une image d'arrière-plan en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Comment ajouter un lien hypertexte vers une image d'arrière-plan en CSS :

1 Créez un nouveau fichier html, nommé test.html, pour expliquer comment utiliser CSS dans. CSS Comment ajouter un lien hypertexte vers une image de fond.

Comment ajouter un lien hypertexte vers une image darrière-plan en CSS

2. Dans le fichier test.html, utilisez div pour créer un module et définissez son attribut de classe sur testid.

Comment ajouter un lien hypertexte vers une image darrière-plan en CSS

3. Dans le fichier test.html, écrivez la balise <style type="text/css"></style>, et le style CSS de la page sera écrit dans la balise.

Comment ajouter un lien hypertexte vers une image darrière-plan en CSS

4. Dans la balise css, définissez le style CSS via la classe, définissez la largeur du div sur 200 px, la hauteur sur 200 px et l'image d'arrière-plan sur a. jpg.

Comment ajouter un lien hypertexte vers une image darrière-plan en CSS

5. Dans le fichier test.html, en dehors de la balise div, utilisez la balise a pour créer un lien permettant d'ajouter un lien hypertexte vers l'image d'arrière-plan.

Comment ajouter un lien hypertexte vers une image darrière-plan en CSS

6. Ouvrez le fichier test.html dans le navigateur pour vérifier l'effet.

Comment ajouter un lien hypertexte vers une image darrière-plan en CSS

Recommandations de tutoriel associées : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn