Maison > Article > interface Web > Comment définir la couleur d’arrière-plan en HTML ? Deux façons de vous apprendre
Comment définir la couleur d’arrière-plan en HTML ? Deux façons de vous apprendre
- 云罗郡主original
- 2018-12-24 13:20:5346295parcourir
Comment définir la couleur d’arrière-plan du HTML ? Le site Web chinois PHP vous apprend à définir la couleur d'arrière-plan des pages Web en éditant du HTML. J'espère que cela vous sera utile.
Un : Définir la couleur d'arrière-plan
1. Préparez-vous à éditer le HTML
Déterminez d'abord la couleur d'arrière-plan à utiliser, la couleur HTML est déterminée. par chaque code. Visitez http://www.php.cn/html/html-colornames.html dans le navigateur Web de votre ordinateur pour afficher les codes de toutes les couleurs et sélectionnez la couleur de base que vous souhaitez utiliser dans la section « HEX ».
2. Utilisez Notepad++ ou Notepad pour ouvrir le fichier HTML et ajouter toutes les informations de style de la page (y compris la couleur d'arrière-plan). Ajoutez l'attribut "background-color" à l'élément "body". La couleur d'arrière-plan doit être saisie entre parenthèses, comme suit :
<body bgcolor="red">背景红色
ou
body {
background-color：red
}
3. Vous pouvez utiliser "background-color" " " pour définir l'arrière-plan d'autres éléments, tels que des titres, des paragraphes, etc. Par exemple, vous souhaitez appliquer une couleur d'arrière-plan à un titre principal (
) ou à un paragraphe (
).
Deux : Créer un arrière-plan dégradé
1. Lors de la création d'un dégradé, nous avons besoin de deux informations, le point de départ et l'angle, ainsi que la couleur de la transition. entre les dégradés. Vous pouvez sélectionner plusieurs couleurs pour que le dégradé se déplace entre elles toutes, et vous pouvez définir la direction ou l'angle du dégradé.
Attributs :
Fond : dégradé linéaire (direction/angle, couleur 1, couleur 2, couleur 3, etc.);
Lors de la réalisation d'un dégradé vertical, if Si aucune direction n'est spécifiée, le dégradé se fera de haut en bas. Pour créer un dégradé, ajoutez le code suivant entre les balises vous pouvez également ajouter une direction au dégradé pour modifier la façon dont le décalage de couleur est affiché, non seulement vous pouvez ajouter plus de deux couleurs, mais vous pouvez également ajouter un pourcentage après chaque couleur. Vous pouvez également définir l'espacement souhaité entre chaque segment de couleur, ajouter de la transparence à vos couleurs et passer d'une couleur à l'autre en utilisant la même couleur. Vous pouvez également utiliser la fonction rgba() pour définir les couleurs. La valeur finale détermine la transparence : 0 solide et 1 transparent.
html {
min-height ： 100％;
}
body {
background ： -webkit-linear-gradient（left ，＃93B874 ，＃C9DCB9 ）;
background ： -o-linear-gradient（right，＃93B874 ，＃C9DCB9 ）;
background ： -moz-linear-gradient（right，＃93B874 ，＃C9DCB9 ）;
背景：线性梯度（到右侧，＃93B874 ，＃C9DCB9 ）;
background-color ：＃93B874 ;
}Ce qui précède est l'introduction complète sur la façon de définir la couleur d'arrière-plan du HTML. Si vous souhaitez en savoir plus sur le Tutoriel vidéo HTML
, veuillez faire attention au site Web php chinois.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!