Maison >interface Web >Questions et réponses frontales >Comment changer la couleur de la bordure avec CSS
Comment changer la couleur de la bordure avec CSS
- 藏色散人original
- 2021-04-13 09:04:584600parcourir
En CSS, vous pouvez définir la couleur des quatre bordures via l'attribut border-color. Cet attribut peut définir 1 à 4 couleurs. Sa syntaxe d'utilisation est telle que "border-color:red green blue pink; "; cet attribut est une propriété abrégée qui définit la couleur de la partie visible de toutes les bordures d'un élément.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
La propriété border-color définit la couleur des quatre bordures. Cette propriété peut définir de 1 à 4 couleurs.
L'attribut border-color est un attribut raccourci qui peut définir la couleur des parties visibles de toutes les bordures d'un élément, ou définir des couleurs différentes pour chacun des 4 côtés. Veuillez regarder l'exemple suivant :
Exemple 1
border-color:red green blue pink;
La bordure supérieure est rouge
La bordure droite est verte
La bordure inférieure est bleue
La bordure gauche est rose
Exemple 2
border-color:red green blue;
La bordure supérieure est rouge
Les bordures droite et gauche sont vertes
Le la bordure inférieure est bleue
Exemple 3
border-color:dotted red green;
Les bordures supérieure et inférieure sont rouges
Les bordures droite et gauche sont vertes
Exemple 4
border-color:red;
Tous Les quatre bordures sont toutes rouges
N'oubliez pas que le style de bordure ne peut pas être nul ou masqué, sinon la bordure n'apparaîtra pas.
Remarque : Veuillez toujours déclarer l'attribut border-style avant l'attribut border-color. L'élément doit avoir une bordure avant que vous puissiez changer sa couleur.
[Apprentissage recommandé : 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!