CSS中的透明度是控制元素的不透明程度的一個重要屬性。在實際開發中，我們常常需要使用透明度來實現一些特殊的效果。下面介紹三種不同的CSS中透明度的寫法：

// 第一種寫法：使用rgba函數
.color-box {
background-color: rgba(255, 0, 0, 0.5);
}
// 上述代碼表示背景顏色為紅色，不透明度為0.5.

這種寫法使用RGBA函數給顏色屬性增加了一個透明度通道，支持不透明度的值從0到1之間，其中0表示完全透明，1表示完全不透明。同時，它兼容IE9及以上的瀏覽器。

// 第二種寫法：使用opacity屬性
.color-box {
background-color: red;
opacity: 0.5;
}
// 上述代碼表示背景顏色為紅色，不透明度為0.5.

這種寫法使用opacity屬性來控制元素的不透明度。通常情況下，它會影響整個元素及其所有的子元素。同時，它還支持IE8及以上瀏覽器。

// 第三種寫法：使用hsla函數
.color-box {
background-color: hsla(0, 100%, 50%, 0.5);
}
// 上述代碼表示背景顏色為紅色，不透明度為0.5.

這種寫法同樣使用顏色的不透明度通道來設置元素的透明度，其優點是可以使用HSLA格式來表示顏色，并且更為清晰。同時，它兼容IE9及以上的瀏覽器。

綜上所述，CSS中透明度的三種寫法各有優劣，可以根據實際開發需求進行選擇。