Maison > Article > interface Web > Comment définir la couleur de la bordure en CSS
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!