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-09-14 17:07:065201parcourir
Comment définir la couleur de la bordure en CSS : 1. Utilisez l'attribut border avec la syntaxe "border:yansezhi;"; 2. Utilisez l'attribut border-color avec la syntaxe "border-color:yansezhi;". Les valeurs de couleur peuvent être définies à l'aide de noms de couleurs, de valeurs hexadécimales, RVB ou RGBA, HSL, etc.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Méthode 1 : Utiliser l'attribut border
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
margin: 10px;
border:solid #FFC0CB;
}
</style>
</head>
<body>
<div>测试文字</div>
<div>测试文字</div>
<div>测试文字</div>
</body>
</html>Rendu :
Méthode 2 : attribut border-color
L'attribut border-color est utilisé pour définir la couleur des quatre bordures.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
margin: 10px;
border:solid;
border-color: bisque;
}
</style>
</head>
<body>
<div>测试文字</div>
<div>测试文字</div>
<div>测试文字</div>
</body>
</html>Rendu :
Vous pouvez définir la valeur de couleur des manières suivantes :
name - spécifiez le nom de la couleur, tel que "rouge"
HEX - spécifiez la valeur hexadécimale, telle que "rouge" "#ff0000 "
RGB - Spécifiez la valeur RVB, telle que "rgb(255,0,0)"
HSL - Spécifiez la valeur HSL, telle que "hsl(0, 100%, 50% )"
transparent
Recommandations associées : "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!