CSS怎么寫底部陰影?下面我們來介紹一下:
.box { box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2); }
其中,box-shadow屬性是用來設置陰影的,后面的數值分別代表水平偏移量、垂直偏移量、模糊半徑和顏色。
- 水平偏移量為0,即水平方向不偏移;
- 垂直偏移量為-5px,即向上偏移5像素;
- 模糊半徑為5px,即陰影的邊緣模糊5像素;
- 顏色為rgba(0, 0, 0, 0.2),即黑色透明度為0.2的顏色。
通過設置垂直偏移量為負數,我們可以讓陰影顯示在底部。
值得注意的是,陰影的顏色可以使用任意顏色,也可以使用rgba()函數來設置透明度。
以上是CSS設置底部陰影的簡單介紹,希望能對大家有幫助。
上一篇css怎么寫手機樣式