Maison >interface Web >tutoriel CSS >Comment définir la couleur de la bordure du tableau en CSS
Comment définir la couleur de la bordure du tableau en CSS
- 王林original
- 2021-06-08 15:56:574563parcourir
La façon de définir la couleur de la bordure du tableau en CSS consiste à ajouter l'attribut border-color à la bordure du tableau et à définir la couleur de la bordure du tableau selon les besoins, par exemple [border-color: #ff0000 #0000ff ;].
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Nous avons souvent besoin de modifier la couleur de la bordure du tableau au travail, alors comment obtenir cet effet en CSS ? C’est en fait très simple, jetons un œil ci-dessous.
Utiliser les attributs :
attribut border-color pour définir les quatre couleurs de bordure d'un élément.
Valeur de l'attribut :
color Spécifie la couleur d'arrière-plan.
transparent précise que la couleur de la bordure doit être transparente. Il s'agit de la valeur par défaut
inherit spécifie la couleur de la bordure, qui doit être héritée de l'élément parent
Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p.one
{
border-style:solid;
border-color:#0000ff;
}
p.two
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
p.three
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</style>
</head>
<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
</body>
</html>Exécuter le résultat Comme indiqué dans l'image :
Partage vidéo associé : 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!