CSS內(nèi)陰影是很酷的一種效果，可以讓元素看起來(lái)像是浮在頁(yè)面上。

如何設(shè)置CSS內(nèi)陰影呢？我們可以使用box-shadow屬性。

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

我們來(lái)分析一下這個(gè)代碼：

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

好了，這就是設(shè)置CSS內(nèi)陰影的全部?jī)?nèi)容，快來(lái)試試吧！