CSS3的底部陰影是一種可用于美化網頁的效果。在這種效果下,頁面底部的邊緣會呈現出模糊的陰影,營造出優雅的氛圍。
footer { box-shadow: 0px -3px 5px #888; }
上面的代碼就可以在footer標簽下實現底部陰影。box-shadow是CSS3的屬性之一,其中第一個值0px代表陰影水平偏移量是0,即底部水平陰影的位置是與原始位置一模一樣的;第二個值-3px是指垂直位置下移3px,即陰影整體往下掉3個像素;第三個值5px是指陰影的模糊程度,即陰影后面“發射”出來的灰色的程度;最后一個值#888是指陰影的顏色,這里將其設置為灰色。
上面的代碼是基于footer標簽,可以根據需要改為其他標簽使用。此外,底部陰影可以和其它效果組合使用,如圓角、線性漸變等,從而實現更為炫酷的效果。