CSS可以讓我們設置窗體半透明，使頁面更加美觀。 這個概念也被稱為“不透明度”或“透明度”，在CSS中表示為“opacity”屬性。這個屬性決定了一個元素的透明度級別，可以是數字或百分數，范圍從0到1。值越小，元素越透明，值越大，則越不透明。

/* 設置半透明 */
#container {
opacity: 0.5;
}

在實際制作中，透明度可以應用在背景圖像、文字和UI元素等方面。它可以讓我們創建漂亮的效果，如下面這個有用的例子。

/* 著色效果 */
#box {
background-color: rgba(255, 0, 0, 0.5);
}

在這里，“rgba”表示Red-Green-Blue-Alpha顏色模型。前三個值表示紅、綠、藍(RGB)通道的顏色值，最后一個值則表示透明度值。上面的例子中，背景顏色被設置為紅色，透明度為0.5，所以它會顯示為50％紅色。

半透明效果可以在各種類型的網站中使用。它可以讓背景變得更明亮，或者強調出文章中的一些關鍵詞。這種效果也可以在菜單和按鈕等UI元素中常見，因為它可以減少元素的視覺重量，使它們更容易融入頁面。