CSS中的前景圖是一種將圖像放置在HTML元素的前面的技術。這種技術使您能夠使用CSS樣式表來控制圖像的放置和大小，從而使網頁更加美觀。

要在CSS中添加前景圖，您需要使用background-image屬性。以下是添加前景圖的代碼示例：

.example {
background-image: url('image.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

在代碼中，example是您想要添加前景圖的元素的類名。background-image屬性指定圖像的路徑。background-position屬性用于指定圖像在元素中的位置，此處用的是center center，即居中。background-repeat屬性用于指定圖像是否應該在元素中重復出現。最后，background-size屬性用于指定圖像的大小和適應方式，此處使用的是cover，意思是圖像將被縮放以填充整個元素。

可以使用類似的代碼來添加任何前景圖，從簡單的濾鏡到復雜的圖形。這些技術使得網頁設計不再局限于HTML元素本身，使得設計師可以創造出更出色的網站效果。