< p >CSS 是一種非常方便的樣式語言，它能夠為網頁添加各種樣式效果。其中，陰影是一種非常常見的視覺效果，能夠為網頁元素增加立體感和層次感。在 CSS 中，我們可以使用 box-shadow 屬性來為元素添加陰影效果，用法十分簡單。下面，我們就來詳細介紹一下如何使用 CSS 為邊框添加陰影效果。< pre >.box{ border: 1px solid #ccc; box-shadow: 2px 2px 2px #ccc; }< p >在上述代碼中，我們首先給元素添加了一個1像素寬的邊框，并將邊框顏色設置為 #ccc。然后，我們使用了 box-shadow 屬性，設置了元素的陰影屬性。其中，box-shadow 屬性的定義方式為：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，h-shadow 和 v-shadow 分別代表陰影的水平和垂直方向的偏移量，可以是正值或負值；blur 指定了陰影的模糊半徑大小，可以省略不寫，默認值為0；spread 指定了陰影的擴展半徑大小，可以省略不寫，默認值為0；color 指定了陰影的顏色，可以是 CSS 顏色值或者顏色關鍵詞；inset 是一個可選的值，表示是否為內陰影效果，可以省略不寫，默認為外陰影效果。在本例中，我們設置了 h-shadow 和 v-shadow 的值都為 2 像素，blur 和 spread 的值都為 2 像素，顏色為 #ccc，表示為元素添加一個2像素的灰色陰影效果。< p >通過這種方法，我們可以輕松為網頁元素添加各種陰影效果，豐富網頁的視覺效果，提高用戶的交互體驗。