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元素中常见，因为它可以减少元素的视觉重量，使它们更容易融入页面。