Comment utiliser la propriété CSS background-color ?-tutoriel CSS-php.cn

Comment utiliser la propriété CSS background-color ?

青灯夜游

Libérer： 2020-09-08 10:35:50

original

5427 Les gens l'ont consulté

Comment utiliser la propriété CSS background-color ?

Propriété CSS background-color

Fonction : Définir la couleur d'arrière-plan de l'élément .

background-color：颜色值；

Copier après la connexion

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>

Copier après la connexion

Rendu :

Comment utiliser la propriété CSS background-color ?

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!