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