CSS給邊框加上陰影是一種非常簡單但又漂亮的裝飾效果，可以為網頁增添更多的層次感。下面我們看看怎樣來實現它。

/* 步驟1：定義邊框樣式 */
border: 2px solid #ccc;
/* 步驟2：定義陰影效果 */
box-shadow: 0 0 5px #ccc;

如代碼所示，首先我們需要為邊框定義樣式，這里以2像素寬的實線邊框為例。然后，我們需要為它添加陰影效果，這里的box-shadow屬性就可以派上用場了。

box-shadow屬性的參數有四個，分別對應以下的含義：

• 上下偏移量：第一個參數或者用0或“none”表示水平方向不偏移，第二個參數或“none”表示豎直方向不偏移。
• 模糊程度：第三個參數指定陰影的模糊程度，數值越大則越模糊。
• 陰影擴張：第四個參數即為陰影的擴張程度，如果超出了邊框范圍就會產生內陰影效果。
• 陰影顏色：最后一個參數就是陰影的顏色了。

通過這些參數的設定，我們就能夠輕松地為邊框添加出陰影效果了。如果想為邊框添加圓角陰影等復雜的效果，只需要對box-shadow參數進行相應的調整即可。