在進行網頁設計的時候，有時候我們需要讓文章或者段落的背景是灰色透明的，這時候我們可以用CSS來實現。其中，p標簽用于包裹文章或段落，pre標簽用于展示代碼片段，下面分別介紹如何使用它們。
首先，我們來看如何給文章或段落設置灰色透明的背景。我們可以通過設置p標簽的背景顏色和透明度來實現。代碼如下：

css
p {
background-color: rgba(128, 128, 128, 0.5); /*設置背景顏色為灰色，透明度為0.5*/
}

其中，rgba()函數用于設置背景顏色和透明度，第一個參數代表紅色分量，第二個參數代表綠色分量，第三個參數代表藍色分量，第四個參數代表透明度，數值范圍為0到1之間。
如果要對文章或段落的文字顏色進行調整，可以再加上color屬性，如下所示：

css
p {
background-color: rgba(128, 128, 128, 0.5); /*設置背景顏色為灰色，透明度為0.5*/
color: #fff; /*設置文字顏色為白色*/
}

接下來，我們來看如何給代碼片段設置灰色透明的背景。我們同樣可以通過設置pre標簽的背景顏色和透明度來實現。代碼如下：

css
pre {
background-color: rgba(128, 128, 128, 0.5); /*設置背景顏色為灰色，透明度為0.5*/
}

同樣的，如果要對代碼片段文字顏色進行調整，可以再加上color屬性，如下所示：

css
pre {
background-color: rgba(128, 128, 128, 0.5); /*設置背景顏色為灰色，透明度為0.5*/
color: #fff; /*設置文字顏色為白色*/
}

以上就是使用CSS將文章、段落和代碼片段設置為灰色透明背景的方法。希望能夠對大家有所幫助。