CSS設(shè)置陰影效果的方法

在CSS中，可以使用box-shadow屬性來(lái)設(shè)置陰影效果。box-shadow屬性接受四個(gè)值，分別是水平偏移、垂直偏移、模糊半徑和顏色。

以下代碼可以將一個(gè)元素設(shè)置為具有水平偏移為10px、垂直偏移為5px、模糊半徑為3px的灰色陰影：

box-shadow: 10px 5px 3px gray;

如果想要設(shè)置更復(fù)雜的陰影效果，可以使用多個(gè)box-shadow屬性，每個(gè)屬性設(shè)置不同的陰影效果，以下代碼可以將一個(gè)元素設(shè)置為具有兩個(gè)陰影效果：

box-shadow: 10px 5px 3px gray, -10px -5px 3px gray;

還可以通過(guò)設(shè)置shadow-color、shadow-offset-x、shadow-offset-y等屬性來(lái)進(jìn)一步定制陰影效果，這些屬性的作用與box-shadow類(lèi)似，但更加靈活。

需要注意的是，陰影效果可能會(huì)消耗一定的性能，因此不建議在大量元素上使用復(fù)雜的陰影效果，也要確保使用的瀏覽器支持CSS陰影效果。