CSS內(nèi)部陰影設置方法
CSS內(nèi)部陰影是一種在元素內(nèi)部添加陰影效果的方法,可以通過設置box-shadow
屬性來實現(xiàn)。box-shadow
屬性接受四個參數(shù),分別是水平偏移、垂直偏移、模糊半徑和擴展半徑。
1、水平偏移:指定陰影在水平方向上的偏移距離,正值表示向右偏移,負值表示向左偏移。
2、垂直偏移:指定陰影在垂直方向上的偏移距離,正值表示向下偏移,負值表示向上偏移。
3、模糊半徑:指定陰影的模糊程度,值越大,陰影越模糊;值越小,陰影越清晰。
4、擴展半徑:指定陰影的大小,正值表示擴大陰影,負值表示縮小陰影。
除了這四個參數(shù),box-shadow
屬性還支持其他顏色、透明度等設置,可以根據(jù)具體需求進行調(diào)整。
在CSS中使用box-shadow
屬性的示例代碼如下:
div { width: 200px; height: 200px; background-color: #fff; box-shadow: 10px 10px 5px #000; }
上述代碼中,div
元素添加了一個內(nèi)部陰影效果,水平偏移和垂直偏移都為10px,模糊半徑為5px,擴展半徑為0,顏色為黑色,可以根據(jù)實際需求調(diào)整這些參數(shù)的值。