CSS 是前端開發中非常重要的一門技術，掌握好 CSS 可以讓我們的網站更加美觀、用戶體驗更加好。其中設置邊框陰影也是 CSS 中常用的一項技術。

首先，我們需要使用 border 屬性來設置一個元素的邊框樣式，例如：

.example {
border: 1px solid black;
}

這樣，.example 類的元素將會有一個 1 像素粗的黑色邊框。

接下來，我們可以使用 box-shadow 屬性來設置元素的陰影樣式。box-shadow 屬性的語法如下：

box-shadow: 水平偏移量 垂直偏移量 模糊半徑 擴散半徑 陰影顏色 [內/外陰影];

下面是一個例子：

.example {
border: 1px solid black;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

在這個例子中，.example 類的元素擁有 1 像素粗的黑色邊框，并且有一個向右下方偏移 2 像素的 2 像素模糊半徑、0 像素擴散半徑、半透明黑色陰影。

我們還可以使用 inset 關鍵詞將陰影變成內陰影：

.example {
border: 1px solid black;
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.5);
}

這樣，.example 類的元素將會有一個 1 像素粗的黑色邊框，并且有一個向右下方偏移 2 像素的 2 像素模糊半徑、0 像素擴散半徑、半透明黑色內陰影。

總之，使用 CSS 設置邊框陰影可以讓我們的網站更加美觀，為用戶提供更好的視覺效果。掌握好這項技術對于前端開發人員來說非常重要。