CSS3 透明色怎么寫？

在CSS3中，可以使用rgba（紅綠藍(lán)透明度）或hsla（色調(diào)飽和度透明度）來設(shè)置透明色。

如果要設(shè)置背景色為半透明的藍(lán)色，可以這樣寫：

body {
  background-color: rgba(0, 0, 255, 0.5);
}

或者這樣寫：

body {
  background-color: hsla(240, 100%, 50%, 0.5);
}

rgba中的四個(gè)參數(shù)分別代表紅、綠、藍(lán)三種顏色的透明度，hsla中的四個(gè)參數(shù)分別代表色調(diào)、飽和度、亮度和透明度，透明度參數(shù)取值范圍為0到1，0表示完全透明，1表示完全不透明。

除了背景色，CSS3中的其他屬性也可以設(shè)置透明色，如邊框、文字等，如果要設(shè)置邊框?yàn)榘胪该鞯暮谏?，可以這樣寫：

div {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

如果要設(shè)置文字為半透明的白色，可以這樣寫：

p {
  color: rgba(255, 255, 255, 0.5);
}

需要注意的是，CSS3中的透明色支持在大多數(shù)現(xiàn)代瀏覽器中使用，但在一些較老的瀏覽器版本中可能不支持，在使用透明色時(shí)，需要考慮到瀏覽器的兼容性。