CSS可以通過box-shadow
屬性給div添加陰影,這個(gè)屬性接受四個(gè)值,分別是水平偏移、垂直偏移、模糊半徑和顏色,下面是一個(gè)簡(jiǎn)單的例子:
div { box-shadow: 10px 10px 5px #000; }
在這個(gè)例子中,10px 10px
表示陰影的水平偏移和垂直偏移都是10像素,5px
表示模糊的半徑是5像素,#000
表示陰影的顏色是黑色,你可以根據(jù)需要調(diào)整這些值。
需要注意的是,box-shadow
屬性在較老的瀏覽器版本中可能不被支持,在使用這個(gè)屬性時(shí),***好先確認(rèn)你的目標(biāo)瀏覽器是否支持它。
除了box-shadow
屬性,CSS還提供了其他與陰影相關(guān)的屬性,如text-shadow
和filter
,這些屬性可以用來給文本或元素添加更復(fù)雜的陰影效果。
CSS提供了多種方法來給div添加陰影,你可以根據(jù)自己的需求選擇適合的方法。