CSS內陰影是很酷的一種效果，可以讓元素看起來像是浮在頁面上。

如何設置CSS內陰影呢？我們可以使用box-shadow屬性。

/* 設置元素的內陰影，第一個參數是水平偏移量，第二個是垂直偏移量，第三個是模糊半徑，第四個是擴散半徑，第五個是顏色，第六個是陰影的類型 */
box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .5);

我們來分析一下這個代碼：

• 首先，我們使用inset關鍵字來指定這個陰影是內陰影
• 接下來是偏移量：第一個值是水平方向上的偏移，第二個值是垂直方向上的偏移
• 第三個值是模糊半徑，它指定陰影的模糊程度
• 第四個值是擴散半徑，它指定了陰影的大小
• 第五個值是顏色，我們可以使用 rgba() 函數來指定顏色和透明度，這里設置陰影為半透明的黑色
• 最后一個參數是陰影的類型，可選值有 inset（內陰影）和 outset（外陰影）

好了，這就是設置CSS內陰影的全部內容，快來試試吧！