手册目录
CSS教程手册
CSS高级
CSS基础教程
CSS中级教程
CSS3高级教程
CSS响应式设计
CSS实例
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 关键字类似于一个变量，它保存元素 color 属性的当前值。
如果你希望某个特定颜色在元素或页面中保持一致，这个关键字会很有用。
在这个例子中，<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 关键字可用于任何 CSS 属性，并且可用于任何 HTML 元素。
在这个例子中，<span> 的边框设置将从父元素继承：
div {
border: 2px solid red;
}
span {
border: inherit;
}
运行实例 »点击 "运行实例" 按钮查看在线实例
相关视频
科技资讯
24小时阅读榜
1
2
3
4
5
6
7
8
9
10
精品课程
共5课时 | 17.4万人学习
共49课时 | 78.2万人学习
共29课时 | 62.5万人学习
共25课时 | 39.7万人学习
共43课时 | 73.8万人学习
