Maison > interface Web > Questions et réponses frontales > Comment définir les lignes de bordure de tableau sur différentes couleurs en HTML5

Comment définir les lignes de bordure de tableau sur différentes couleurs en HTML5

WBOY
Libérer: 2022-01-23 17:23:45
original
6588 Les gens l'ont consulté

En HTML5, vous pouvez utiliser l'attribut "border-color" pour définir les lignes de bordure du tableau sur différentes couleurs. Cet attribut est un attribut abrégé. Vous pouvez définir 1 à 4 valeurs pour définir les couleurs des quatre. respectivement. La syntaxe est la suivante : "border-color : couleur de la bordure supérieure, couleur de la bordure droite, couleur de la bordure inférieure, couleur de la bordure gauche ;".

Comment définir les lignes de bordure de tableau sur différentes couleurs en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Comment définir les lignes de bordure de tableau sur différentes couleurs dans html5

L'attribut border-color définit la couleur des quatre bordures. Cette propriété peut définir de 1 à 4 couleurs. La propriété

border-color est une propriété raccourcie 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 ci-dessous :

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

droite La bordure et la bordure gauche sont vertes

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 4 bordures sont rouges

N'oubliez pas que le style de bordure ne peut pas être nul ou masqué, sinon la bordure n'apparaîtra pas.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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:
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