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 元素。
