CSS中的外陰影效果可以為輸入框增加美觀度和清晰度。通過在CSS樣式表中設置box-shadow屬性，可以輕松地為input輸入框添加外陰影效果。

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

上述代碼表示在輸入框周圍添加了2像素的橫向偏移量，2像素的垂直偏移量，以及5像素的模糊半徑，陰影顏色為#ccc。

當需要對焦點也進行外陰影設置時，可以將focus偽類與box-shadow屬性結合起來使用：

input:focus {
box-shadow: 0 0 5px #6fb3e0;
}

上述代碼表示在輸入框獲取焦點時周圍添加5像素的模糊半徑，陰影顏色為#6fb3e0。

為了讓外陰影效果更加明顯，還可以使用inset參數在輸入框內部添加外陰影效果：

input {
box-shadow: 2px 2px 5px #ccc inset;
}

上述代碼表示在輸入框內部及外部添加2像素的橫向偏移量，2像素的垂直偏移量，以及5像素的模糊半徑，陰影顏色為#ccc。

總之，CSS中的box-shadow屬性可以為輸入框添加外陰影效果，使得視覺效果更加美觀，同時也為用戶帶來更好的使用感受。