Maison > Article > interface Web > Comment définir la couleur de la bordure en CSS
Comment définir la couleur de la bordure en CSS
- 青灯夜游original
- 2021-10-12 17:58:2916715parcourir
Méthode : 1. L'attribut border-color définit les couleurs des quatre bordures en même temps ; 2. Les attributs border-top-color, border-bottom-color, border-left-color et border-right-color. les attributs définissent respectivement les bordures supérieure, inférieure, gauche et droite.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
css set border color
Méthode 1 : Utilisez l'attribut border-color pour définir la couleur de quatre bordures en même temps
L'attribut border-color est un attribut raccourci qui peut définir le visible partie de toutes les bordures d’une couleur d’élément.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.box{
width: 280px;
height: 62px;
border-style:solid;
border-color: red;
}
</style>
</head>
<body>
<div class="box">欢迎来到PHP中文网！</div>
</body>
</html>Rendu :
Méthode 2 : définir respectivement les bordures supérieure, inférieure et gauche
attribut border-top-color : couleur de la bordure supérieure
attribut border-bottom-color : couleur de la bordure inférieure
attribut border-left-color : couleur de la bordure gauche
attribut border-right-color : couleur de la bordure droite
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.box{
width: 280px;
height: 62px;
border-style:solid;
border-top-color:red;
border-bottom-color:paleturquoise;
border-left-color:palevioletred;
border-right-color:darkcyan;
}
</style>
</head>
<body>
<div class="box">欢迎来到PHP中文网！</div>
</body>
</html>Rendu :
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
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!