UI開發中，陰影的使用可以提升視覺體驗，更好地突出重點信息。在CSS中，可以通過box-shadow屬性來實現各種形狀和大小的陰影效果。

.box {
box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
}

上述代碼表示為一個類名為.box的元素添加了一個10px偏移量的水平陰影、10px偏移量的垂直陰影和15px的模糊半徑，顏色采用RGBA格式（顏色為黑色，透明度為0.1）。

除了常規的矩形陰影，CSS還支持border-radius屬性與inset關鍵字使陰影呈現出圓角。下面的代碼展示了如何為元素添加一個內部陰影（inset）和圓角：

.box {
box-shadow: inset 3px 3px 3px #999;
border-radius: 10px;
}

這個例子會添加一個內部（inset）陰影，陰影高度和模糊半徑都為3px，顏色為#999。同時，它還會使元素獲得一個10px的圓角。

總結：通過box-shadow屬性可以輕松為元素添加陰影效果，同時結合border-radius屬性可以創造出各種形狀和大小的陰影效果，提高用戶視覺體驗。