CSS是一種設置HTML文本樣式的語言，可以使網頁更加美觀和易于閱讀。其中之一的內陰影效果可以讓盒子看起來更加立體，今天我們就來學習一下如何使用CSS給盒子添加內陰影效果。

.box{
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

在這段代碼中，我們首先定義了一個寬高為200px的白色盒子。然后，我們使用了box-shadow屬性來添加內陰影效果。其中，inset關鍵詞表示這是一個內陰影，如果不加則會是一個外陰影。接著是0 0，分別代表向X軸和Y軸偏移量為0，也就是不偏移。10px代表陰影的模糊半徑，這個參數越大，陰影就越模糊。最后是rgba(0,0,0,0.5)，代表陰影的顏色是黑色的，并且透明度為0.5。

通過這種方式，我們就能夠輕松地給盒子添加內陰影效果了。