CSS四周陰影效果怎么做？

CSS中可以使用box-shadow屬性來實(shí)現(xiàn)四周陰影效果。box-shadow屬性可以接收四個值，分別代表水平陰影、垂直陰影、模糊距離和顏色，下面是一個簡單的例子：

div {
  box-shadow: 10px 10px 5px #000;
}

這個例子中，div元素會應(yīng)用一個四周陰影效果，水平陰影和垂直陰影都是10像素，模糊距離是5像素，顏色是黑色（#000），你可以根據(jù)需要調(diào)整這些值來實(shí)現(xiàn)不同的陰影效果。

如果你想要更詳細(xì)的控制陰影，可以使用drop-shadow函數(shù)來替代box-shadow屬性。drop-shadow函數(shù)可以接收更多參數(shù)，包括陰影的大小、形狀、顏色等，下面是一個使用drop-shadow函數(shù)的例子：

div {
  filter: drop-shadow(10px 10px 5px #000);
}

這個例子中，div元素會應(yīng)用一個四周陰影效果，大小和形狀與上一個例子相同，但顏色是黑色（#000），你可以通過調(diào)整參數(shù)來實(shí)現(xiàn)更復(fù)雜的陰影效果。

需要注意的是，box-shadow屬性和drop-shadow函數(shù)在不同的瀏覽器中有不同的兼容性和性能表現(xiàn)，在使用之前，建議先了解你的目標(biāo)瀏覽器是否支持這些特性，并根據(jù)需要進(jìn)行優(yōu)化。