要在CSS中正確使用box-shadow,您需要為要應用效果的元素指定box-shadow屬性。box-shadow屬性接受以下值:
例如,要在一個div元素上應用一個帶有5像素水平偏移量、5像素垂直偏移量、10像素模糊半徑、10像素擴展半徑和藍色陰影的效果,您可以這樣寫CSS代碼:
div {
box-shadow: 5px 5px 10px 10px blue;
}
您還可以使用逗號分隔多個陰影值,以創建多重陰影效果。例如,要在一個元素上應用兩層不同的陰影效果,您可以這樣寫CSS代碼:
div {
box-shadow: 5px 5px 10px 10px blue, -5px -5px 10px 10px red;
}