CSS 颜色关键字
本页将解释 transparent
、currentcolor
和 inherit
关键字。
transparent 关键字
transparent
关键字用于使颜色透明。它常用于为元素设置透明背景色。
示例
在此示例中,<div> 元素的背景色将完全透明,背景图片将显示出来
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
自己动手试一试 »
注意: transparent
关键字等同于 rgba(0,0,0,0)。RGBA 颜色值是 RGB 颜色值的扩展,增加了 alpha 通道——它指定颜色的不透明度。请阅读我们的 CSS RGB 章和 CSS 颜色 章了解更多。
currentcolor 关键字
currentcolor
关键字就像一个变量,保存着元素当前颜色属性的值。
如果您希望某个颜色在元素或页面中保持一致,此关键字将非常有用。
示例
在此示例中,<div> 元素的边框颜色将是蓝色,因为 <div> 元素的文本颜色是蓝色
div {
color: blue;
border: 10px solid currentcolor;
}
自己动手试一试 »
示例
在此示例中,<div> 的背景色设置为 body 元素的当前颜色值
body {
color: purple;
}
div {
background-color: currentcolor;
}
自己动手试一试 »
示例
在此示例中,<div> 的边框颜色和阴影颜色设置为 body 元素的当前颜色值
body {
color: green;
}
div {
box-shadow: 0px 0px 15px currentcolor;
border: 5px solid currentcolor;
}
自己动手试一试 »
inherit 关键字
inherit
关键字指定一个属性应继承其父元素的值。
inherit
关键字可用于任何 CSS 属性,以及任何 HTML 元素。