CSS是網頁開發中一個不可或缺的技術，它可以實現各種各樣的效果。其中，半包圍效果是一個比較實用的效果，它可以讓某一元素（例如按鈕或者鏈接）在被鼠標點擊時產生一個半透明的背景效果，從而提升用戶體驗。

/* CSS代碼實現半包圍 */
.semi-wrap {
position: relative;
}
.semi-wrap:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
z-index: -1;
}

首先，需要為需要加上半包圍效果的元素所在的父元素添加一個樣式。這里使用了position: relative，是為了使得在偽元素中使用position: absolute時，可以基于父元素定位。

接著，在父元素的:hover偽類中添加::before偽元素，它可以在父元素內部創建一個虛擬的元素，這個偽元素的作用是產生一個半透明的背景。在這段代碼中，::before的內容使用了content屬性，值為空字符串，這樣它就可以被渲染出來。而它的位置是基于父元素的，top、left、right、bottom都設置為0，使得它與父元素達到完全重合。

最后，在偽元素中添加了一個z-index屬性，這個屬性可以控制偽元素的疊放順序。由于這個偽元素位于父元素下面，因此設置一個負值z-index可以讓它位于父元素的背后。

在應用這段代碼時，只需要將需要加上半包圍效果的元素放置在這個父元素的內部即可，如果有多個元素需要加上這個效果，則在父元素中包含它們即可。