CSS是網頁設計中必不可少的元素，通過CSS，我們可以實現各種各樣的效果。其中一個比較常用的效果是正片疊底，這種效果可以讓兩張圖片混合在一起，達到一定的視覺效果。

.container {
position: relative;
width: 500px;
height: 500px;
}
.image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: multiply; /* 正片疊底效果 */
}

以上的代碼是實現正片疊底的核心代碼。首先，我們需要一個容器（class為.container），并設置其position為relative。接著，我們再在這個容器中添加兩張圖片，并給它們設置position為absolute，top和left都為0，這樣兩張圖片就可以完全重合了。需要注意的是，兩張圖片的寬度和高度都必須設置為100%。

最后，我們給其中一張圖片添加CSS屬性mix-blend-mode，將其設置為multiply，這樣就可以實現正片疊底的效果了。如果你想要更多不同的顏色混合效果，可以參考CSS中的blend-mode屬性，其中包括了一些其它的模式。

總之，通過CSS，我們可以輕松實現正片疊底效果，為網頁設計增添一份新鮮感。希望以上代碼和說明能夠幫助到大家。