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

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

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

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

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

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

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