CSS3中的border陰影效果是一個非常實(shí)用且常用的CSS特效，它可以讓我們的頁面看起來更加生動、有趣。在CSS3中，我們可以使用box-shadow屬性來為元素添加陰影效果。

box-shadow屬性的語法如下：

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

其中，h-shadow表示水平方向的陰影偏移量，v-shadow表示垂直方向的陰影偏移量，blur表示陰影的模糊程度，spread表示陰影的擴(kuò)散程度，color表示陰影的顏色，inset表示陰影是否為內(nèi)陰影。

例如，我們可以使用以下代碼為一個輸入框添加陰影效果：

input{
box-shadow: 4px 4px 6px 2px #ccc;
}

這段代碼的效果就是為輸入框添加一個4像素水平偏移量、4像素垂直偏移量、6像素模糊程度、2像素?cái)U(kuò)散程度、顏色為#ccc的外陰影。

我們還可以為元素添加多重陰影效果，只需要使用逗號分隔不同的陰影屬性即可。

例如，我們可以使用以下代碼為一個按鈕添加兩個不同顏色的陰影效果：

button{
box-shadow: 3px 3px 4px 2px #ccc, -3px -3px 4px 2px #aaa;
}

這段代碼的效果就是為按鈕添加一個3像素水平偏移量、3像素垂直偏移量、4像素模糊程度、2像素?cái)U(kuò)散程度、顏色為#ccc的外陰影，以及一個-3像素水平偏移量、-3像素垂直偏移量、4像素模糊程度、2像素?cái)U(kuò)散程度、顏色為#aaa的內(nèi)陰影。

總的來說，CSS3中的border陰影效果為我們提供了更多樣化的頁面設(shè)計(jì)方案，給我們帶來了更多的創(chuàng)意和可能性。