在CSS樣式中，我們經常需要為列表項（list items）添加背景色。而如果背景色過于濃重，可能會擋住列表項內的文字，影響閱讀。這時候，我們可以使用CSS中的透明度屬性（opacity）來調整背景色的透明度，使文字更為清晰。

li{
background-color: rgba(255, 255, 255, 0.5); /*設置背景色為白色，透明度為0.5*/
}

在上面的代碼中，我們使用了CSS3新增的rgba()函數，其中第四個參數就是控制顏色的透明度。這個值的范圍是從0到1，0代表完全透明，1代表完全不透明。

需要注意的是，設置了列表項的背景透明度之后，其子元素也會受到影響。如果想讓子元素的背景色完全不透明，我們可以使用inherit關鍵字來繼承其父元素的背景色：

li{
background-color: rgba(255, 255, 255, 0.5); /*設置背景色為白色，透明度為0.5*/
}
li a{
background-color: inherit; /*繼承父元素的背景色*/
color: #000; /*設置文字顏色*/
}

上面的代碼中，我們讓列表項中的鏈接文字（a元素）繼承了父元素（li）的背景色，同時設置了自己的文字顏色。

當然，除了使用rgba()函數來設置背景透明度，我們還可以使用opacity屬性。不同之處在于，使用opacity會對文字也產生影響，而使用rgba()函數只會對背景色產生影響。具體使用方法如下：

li{
background-color: #fff; /*設置背景色為白色*/
opacity: 0.5; /*設置透明度為0.5*/
}

最后需要提醒的是，在使用背景透明度時，應盡量避免應用于包裹內容的元素上，否則可能會影響到周圍元素的排列。透明度適用于大背景圖，或者說建立在大背景元素上的元素之上。