怎麼分別設置各個邊框的陰影效果box-shadow

各個參數的說明:(以上部邊爲例進行說明)
1. 對於上邊,沿x軸方向的偏移量顯然沒有意義,設爲0px;
2. 沿y軸正方向陰影進入div內部,不顯示,因此寫爲負數;
3. 模糊程度按需要自定;
4. 擴展半徑不要寫,或者寫成0px,這樣就不會影響其他的邊;
5. 顏色自定;
6. 下、左、右邊陰影按規律類推。
 box-shadow:    0px -10px 0px 0px #ff0000,   /*上邊陰影  紅色*/
                -10px 0px 0px 0px #3bee17,   /*左邊陰影  綠色*/
                10px 0px 0px 0px #2279ee,    /*右邊陰影  藍色*/
                0px 10px 0px 0px #eede15;    /*下邊陰影  黃色*/

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章