浮雕效果是一種可以讓網頁元素看起來立體的效果，借助于CSS的偽類選擇器，我們能夠輕松創建出令人驚嘆的浮雕效果。

.box{
width: 200px;
height: 200px;
border: 1px solid #ccc;
position: relative;
}
.box:before{
content: '';
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
background: linear-gradient(to bottom, #f8f8f8, #c6c6c6);
z-index: -1;
border-radius: 5px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

如上所述代碼，我們設置了一個包裹在內部的div，我們使用: before偽類使我們能夠添加一個背景色，然后使用盒子陰影設置浮雕效果。

您可以自定義背景，改變陰影的大小和顏色，但請注意，:before和: after偽類選擇器在位置和大小上必須與原始元素匹配。