html边界颜色,边框的颜色

边框的色彩

设置边框色彩十分简单。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。这个值用于构建有宽度的弗成见边框。请看下面的例子：

AAA

BBB

CCC

咱们为下面的链接定义了下列格局：

a:link, a:visited {

border-style: solid;

border-width: 5px;

border-color: transparent;

}

a:hover {border-color: gray;}