CSS 属性：border-color
框的边框颜色。
使用一个值时，border-color 属性可用于为框周围指定统一的边框颜色。使用两个、三个或四个值时，可以独立指定各个边。
可能的值
| 值 | 示例 |
|---|---|
| [颜色] | #f00 |
inherit | |
initial | |
unset | |
多个值
一个、两个、三个或四个用空格分隔的值
| 值 | 注意 | 示例 |
|---|---|---|
| [值] | [上，右，下，左] | red |
| [值] [值] | [上和下] [左和右] | red green |
| [值] [值] [值] | [上] [右和左] [下] | red green blue |
| [值] [值] [值] [值] | [上] [右] [下] [左] | red green blue black |
示例
aside { border-style: solid; }
/* Establishes a border style for border colors to apply (assuming the following are aside elements) */
.butterfly{ border-color: hsl(32, 100%, 50%); }
/* Uniform orange border on all four sides. */
.earwig { border-color: navy fuchsia; }
/* Top and bottom borders are navy. Left and right borders are fuchsia. */
.beetle { border-color: #fff #888 transparent; }
/* Top border is white. Left and right borders are gray. Bottom border is transparent. */
.ant { border-color: red green blue black; }
/* Top border is red. Right border is green. Bottom border is blue. Left border is black. */