CSS是一種用于網頁設計的樣式表語言，它可以讓我們更加方便地控制網頁布局和樣式。其中，浮雕邊緣效果是指一種在網頁元素邊緣產生高亮和陰影的效果，讓網頁看起來更加立體和有層次感。

.box {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 20px;
box-shadow: -10px -10px 20px rgba(255,255,255,0.7), 10px 10px 20px rgba(52,73,94,0.3);
}

代碼中，我們通過設置盒子的Border-Radius屬性來讓盒子變成圓角矩形，接著使用box-shadow屬性設置兩個陰影，一個負責高光效果，一個負責陰影效果。其中，box-shadow屬性的第一個參數表示陰影的水平偏移量，第二個參數表示陰影的垂直偏移量，第三個參數表示陰影半徑，第四個參數表示陰影的顏色和透明度。

通過設置不同的偏移量和半徑，可以產生出不同的高光和陰影效果。同時，也可以通過調整顏色和透明度，讓效果更加自然和細膩。

浮雕邊緣效果在網頁設計中運用廣泛，可以用于按鈕、卡片、導航欄等各種元素的設計，讓它們看起來更加立體和生動。