Maison > interface Web > Questions et réponses frontales > Comment définir l'arrière-plan HTML

Comment définir l'arrière-plan HTML

PHPz
Libérer: 2023-05-15 19:12:36
original
847 Les gens l'ont consulté

Pour définir un arrière-plan HTML, vous pouvez utiliser une feuille de style CSS ou appliquer des styles CSS directement dans le balisage HTML. Une feuille de style CSS est un fichier qui peut être utilisé pour styliser un site Web entier ou une seule page, tandis que les styles en ligne peuvent être utilisés pour définir des styles sur des éléments individuels.

Voici les étapes à suivre pour définir un arrière-plan HTML à l'aide de CSS :

  1. Créez une feuille de style CSS. Dans la partie d'en-tête du document HTML, utilisez la balise pour lier le fichier CSS au document HTML.

    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    Copier après la connexion
  2. Sélectionnez l'élément HTML dont vous souhaitez définir l'arrière-plan via le sélecteur CSS. Par exemple, pour définir un arrière-plan pour l'intégralité d'un document HTML, vous pouvez utiliser la règle CSS suivante :

    html {
      background-image: url("background.jpg");
      background-size: cover;
    }
    Copier après la connexion

    Si nécessaire, remplacez "background.jpg" par le nom de fichier de l'image d'arrière-plan que vous souhaitez définir. Utilisez la propriété "background-size" pour redimensionner l'image d'arrière-plan afin qu'elle remplisse tout l'écran.

  3. Si vous souhaitez uniquement définir un arrière-plan pour une partie spécifique de votre page HTML, vous pouvez ajouter une règle CSS pour ce sélecteur d'élément. Par exemple, pour définir un arrière-plan pour le titre de la page, vous pouvez utiliser la règle CSS suivante :

    h1 {
      background-color: #eee;
    }
    Copier après la connexion

    Changez "#eee" par la couleur que vous souhaitez définir pour le titre.

En plus des feuilles de style CSS, vous pouvez également appliquer des styles en ligne aux éléments HTML. Voici comment définir un arrière-plan dans une balise HTML :

  1. Ajoutez l'attribut "style" à l'élément HTML pour lequel vous souhaitez définir un arrière-plan.
  2. Dans l'attribut "style", ajoutez les règles CSS que vous souhaitez définir pour que l'élément ait un fond.

Par exemple, pour définir le corps de la page avec une couleur de fond blanche, ajoutez le code suivant dans la balise  :

<body style="background-color: #fff;">
Copier après la connexion

Ensuite, remplacez "#fff" par la couleur que vous souhaitez définir.

Voici les bases des paramètres d'arrière-plan HTML. Vous pouvez utiliser ces méthodes pour définir la couleur d’arrière-plan de la page, l’image, la mosaïque, la taille et d’autres propriétés.

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal