Comment changer la couleur de la bordure avec CSS

藏色散人
Libérer: 2023-01-05 16:07:49
original
4447 Les gens l'ont consulté

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.

Comment changer la couleur de la bordure avec CSS

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;
Copier après la connexion

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;
Copier après la connexion

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;
Copier après la connexion

Les bordures supérieure et inférieure sont rouges

Les bordures droite et gauche sont vertes

Exemple 4

border-color:red;
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!