在CSS中,可以通過使用box-shadow屬性來實現元素的投影效果。然而,這種方式僅僅可以給元素添加一個矩形的投影。如果想要給元素的上邊框添加投影,則需要使用上邊框投影css。
.element { box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5); }
上邊框投影css的實現方式非常簡單,只需要將box-shadow的第一個參數設置為0,第二個參數設置為負數并指定投影的距離,第三個參數設置為投影的模糊值,第四個參數為投影的擴散半徑。
需要注意的是,只有在元素的背景顏色為白色或透明時,上邊框投影css才會產生最佳的效果。
上一篇下載css及圖片下載
下一篇css選擇器選擇img