CSS是一種用于網站設計的語言，它可以讓我們設置網頁的樣式和布局。其中，通過給頁面添加透明度，可以使頁面更加美觀和吸引人。下面我們來看一下如何使用CSS給頁面添加透明度。

/* 設置元素透明度 */
opacity: 0.5;
/* 設置背景透明度 */
background: rgba(255,255,255,0.5);

上面的代碼分別表示設置元素的透明度和設置背景的透明度。其中opacity屬性可以接受一個0~1的數值，0代表完全透明，1代表完全不透明。而background屬性中的rgba表示設置背景顏色時可以使用rgba格式，其中a表示透明度，同樣可以接受0~1的數值。

除了以上方法，我們還可以使用偽元素來實現透明效果。代碼如下：

/* 通過偽元素實現透明遮罩 */
.element:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}

上面的代碼中，使用:before偽元素來實現覆蓋在元素上方的透明遮罩。其中，設置content為空字符串，display為block，使遮罩元素具有塊級屬性，可以撐滿整個父元素。而background屬性中的rgba表示設置遮罩顏色時可以使用rgba格式，同樣可以接受0~1的數值。

以上就是運用CSS給頁面添加透明度的常見方法，希望對你有所幫助。