Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir la couleur d'arrière-plan en HTML

青灯夜游
Libérer: 2023-01-05 16:13:17
original
64586 Les gens l'ont consulté

Comment définir la couleur d'arrière-plan en HTML : 1. Utilisez l'attribut bgcolor avec la syntaxe "

" 2. Utilisez l'attribut background-color avec la syntaxe " ; ".

Comment définir la couleur d'arrière-plan en HTML

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

Méthode 1 : Utiliser l'attribut bgcolor

L'attribut bgcolor spécifie la couleur d'arrière-plan du document. La syntaxe est la suivante :

<body bgcolor="颜色值">
Copier après la connexion

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body bgcolor="palevioletred">
		文档背景颜色为palevioletred紫罗兰色。
	</body>
</html>
Copier après la connexion

Rendu :

Comment définir la couleur darrière-plan en HTML

Méthode 2 : Utiliser l'attribut background-color

L'attribut background-color définit la couleur d'arrière-plan de l'élément.

L'attribut background-color définit une couleur unie pour l'élément. Cette couleur remplit le contenu, le remplissage et les zones de bordure de l'élément, s'étendant jusqu'aux limites extérieures de la bordure de l'élément (mais pas les marges). Si la bordure comporte des parties transparentes (comme une bordure en pointillés), la couleur d'arrière-plan apparaîtra à travers ces parties transparentes.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body style="background-color: plum;">
		文档背景颜色为plum梅子色。
	</body>
</html>
Copier après la connexion

Rendu :

Comment définir la couleur darrière-plan en HTML

Tutoriel recommandé : "Tutoriel vidéo HTML"

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!

Étiquettes associées:
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