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
- WBOYoriginal
- 2022-01-23 17:23:456591parcourir
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 ;".
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;
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
droite La bordure et la bordure gauche sont vertes
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 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!