Maison > Article > interface Web > Comment utiliser la propriété CSS background-color ?
Comment utiliser la propriété CSS background-color ?
- 青灯夜游original
- 2019-02-18 13:45:055361parcourir
Propriété CSS background-color
Fonction : Définir la couleur d'arrière-plan de l'élément .
background-color：颜色值；
Description : L'attribut background-color définit un arrière-plan de 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.
Conseil : Utilisez la couleur d'arrière-plan et la couleur du texte pour rendre le texte facile à lire.
Exemple d'utilisation de la propriété CSS background-color
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>Rendu :
Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du 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!