在網頁制作中，CSS 的背景顏色設置是非常常見的操作。然而，有時我們需要將背景顏色設置為半透明，以達到更好的視覺效果。這時，我們可以使用 CSS3 的 rgba() 函數來實現。
首先，我們需要了解一下 rgba() 函數的語法。其語法格式如下：

rgba(red, green, blue, alpha)

其中，red、green、blue 表示紅、綠、藍三原色的取值范圍是 0~255，而 alpha 則表示透明度，其取值范圍是 0.0~1.0。其中，0.0 表示完全透明，1.0 表示完全不透明。
接下來，我們來看看示例代碼：

<style>
p {
background-color: rgba(255, 255, 255, 0.5);
}
</style>
<p>這是一個半透明的背景。</p>

在這個例子中，我們將 p 標簽的背景顏色設置為白色，并將其透明度設置為 0.5。這就意味著，我們可以透過這個背景看到其中的內容，同時也會看到背景下面的內容。如果你將它的透明度設置為 1.0，就會得到一個完全不透明的白色背景。
需要注意的是，在使用 rgba() 函數時，我們需要確保該函數的兼容性。如果你的網站需要支持舊版本的瀏覽器，就需要使用其他方案來實現半透明的背景效果。
總的來說，將 CSS 的背景顏色設置為半透明可以提高網頁的視覺效果，從而為用戶帶來更好的閱讀體驗。