Comment définir la couleur de la bordure en CSS-tutoriel CSS-php.cn

Comment définir la couleur de la bordure en CSS

coldplay.xixi

Libérer： 2023-01-05 16:09:14

original

14300 Les gens l'ont consulté

La façon de définir la couleur de la bordure en CSS consiste à utiliser l'attribut [border-color] pour définir la couleur des quatre bordures. L'attribut [border-color] est un attribut abrégé 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 les 4 côtés.

Comment définir la couleur de la bordure en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Comment définir la couleur de la bordure en CSS :

css peut utiliser l'attribut border-color pour définir la couleur des quatre bordures. La propriété border-color est une propriété raccourcie qui permet de définir la couleur des parties visibles de toutes les bordures d'un élément, ou de définir des couleurs différentes pour chacun des 4 côtés.

css définir la couleur de la bordure :

<html>
<head>
<style type="text/css">
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>
<p>
<b>注释：</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。
</p>
</body>
</html>

Copier après la connexion

Rendu :

Comment définir la couleur de la bordure en CSS