內(nèi)部陰影效果在CSS中可以通過box-shadow
屬性來實現(xiàn)。box-shadow
屬性可以為一個元素添加陰影效果,包括內(nèi)部和外部陰影,要設(shè)置內(nèi)部陰影效果,需要指定box-shadow
屬性的inset
關(guān)鍵詞,它表示陰影在元素的內(nèi)部。
以下是一個簡單的例子,展示如何為一個元素添加內(nèi)部陰影效果:
.box { width: 200px; height: 200px; background-color: #fff; box-shadow: 0 0 10px 5px #000 inset; }
在這個例子中,.box
類應(yīng)用了一個內(nèi)部陰影效果。box-shadow
屬性的值指定了陰影的大小、模糊程度和顏色,以及inset
關(guān)鍵詞表示陰影在元素的內(nèi)部。
你可以根據(jù)需要調(diào)整box-shadow
屬性的值,以實現(xiàn)不同的內(nèi)部陰影效果,你可以改變陰影的大小、模糊程度和顏色,或者添加多個陰影層。
box-shadow
屬性在較舊的瀏覽器版本中可能不受支持,在使用之前,請確保你的目標瀏覽器支持該屬性。