borderRadius屬性用于創建圓角效果,無法直接創建陰影效果。要創建陰影效果,可以使用box-shadow屬性來實現。通過設置合適的偏移量、模糊度和顏色,可以實現不同類型的陰影效果。例如:
.box {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
上面的示例代碼中,box-shadow屬性為.box元素創建了一個帶有10px模糊度和半透明度的陰影效果。通過調整這些屬性的值,可以創建不同風格的陰影效果。