在網頁設計中，底框半透明的效果是比較常見的，這種效果可以讓設計更加美觀整潔。下面我們就來學習一下如何使用css實現底框半透明效果。

.post {
border: 2px solid rgba(0, 0, 0, 0.2);
background-color: rgba(255, 255, 255, 0.7);
}

以上代碼是實現底框半透明效果的核心代碼，具體細節如下：

1.border: 2px solid rgba(0, 0, 0, 0.2);

這句話實現了一個2像素寬的邊框，并且使用rgba函數定義了邊框顏色的透明度。其中，rgba(0, 0, 0, 0.2)表示邊框的顏色為黑色，透明度為0.2。

2.background-color: rgba(255, 255, 255, 0.7);

這句話定義了容器的背景色，同樣使用rgba函數實現透明效果。其中，rgba(255, 255, 255, 0.7)表示背景色為白色，透明度為0.7。

這樣，就可以實現一個帶有底框半透明效果的容器了。