配置边框色彩尤为简单。CSS 使用一个简单的 border-color 属性，它一次可以蒙受至少 4 个色彩值。

可应用任何类型的颜色值，譬如可以是命名色彩，也能够是十六进制和 RGB 值：

p {
  border-style: solid;
  border-color: blue rgb(25%,35%,45%) #909090 red;
  }

如果颜色值小于 4 个，值复制就会起感导。譬如下面的规定声领会段落的上下边框是蓝色，摆布边框是血色：

p {
  border-style: solid;
  border-color: blue red;
  }

解释：默认的边框色采是元素本人的蓝图致。如果没有为边框声名色采，它将与元素的文本色调沟通。另外一方面，如果元素不有任何文本，若是它是一个表格，此中只包括图象，那么该表的边框色调即是其父元素的文本颜色（由于 color 可以承袭）。这个父元素很能够是 body、div 或另一个 table。

定义单边颜色

还有一些单边边框颜色属性。它们的原理与单边格局和宽度属性类似：

• border-top-color
• border-right-color
• border-bottom-color
• border-left-color

要为 h1 元素指定实线彩色边框，而左边框为实线赤色，可以如许指定：

h1 {
  border-style: solid;
  border-color: black;
  border-right-color: red;
  }

通明边框

咱们适才讲过，如果边框没有格局，就没有宽度。无非有些环境下您梗概渴望建设一个不可见的边框。

CSS2 引入了边框颜色值 transparent。这个值用于确立有宽度的弗成见边框。请看下面的例子：

<a href="#">AAA</a>
<a href="#">BBB</a>
<a href="#">CCC</a>

我们为下面的链接界说了如下花色：

a:link, a:visited {
  border-style: solid;
  border-width: 5px;
  border-color: transparent;
  }
a:hover {border-color: gray;}

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-tool/t52261.shtml