CSS可用來設置文本框的陰影效果，達到美化效果和增強用戶交互體驗。通過box-shadow屬性可以實現這一效果，代碼如下：

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

其中h-shadow是水平陰影偏移量，v-shadow是垂直陰影偏移量，blur是模糊半徑，spread是陰影的擴散半徑，color是陰影顏色，inset可選項是將陰影改為內陰影。

例如，若要為文本框添加黑色2px外陰影，代碼為：

box-shadow: 2px 2px 2px #000000;

若要添加藍色1px內陰影，代碼為：

box-shadow: inset 0px 0px 1px #0000FF;

通過調整偏移量、模糊半徑、擴散半徑和顏色等屬性，可實現不同的陰影效果，例如多重邊框陰影和投影效果等。代碼如下：

box-shadow: 0 0 5px #000,0 0 10px #000,0 0 15px #000,0 0 20px #000,0 0 25px #000,0 0 30px #000,0 0 35px #000,0 0 40px #000;

box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);

這些效果不僅為頁面增添了視覺層面的增值，同時也將用戶體驗提升到了新的高度。