边框的色彩

设置边框色彩十分简单。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-texiao/texiao51668.shtml