CSS設置邊框陰影效果

官方解釋

     原點爲基點,原點左側爲x軸負方向,值爲負,右側爲正;原點下方爲y軸正方向,值爲正,上方爲負。

     官方用語:     box-shadow:1px 2px 3px 4px #ccc inset;

      來分別看一下以上六個值的含義: 1px  從原點開始,沿x軸正方向的長度(倘若爲負值,爲沿x軸負方向的長度);

                   2px  從原點開始,沿y軸正方向的長度;(倘若爲負值,爲沿y軸負方向的長度);

                   3px  陰影的模糊度,只允許爲正值;

                   4px  陰影擴展半徑;

                   #ccc  陰影顏色;

                   inset  設置爲內陰影(如果不寫這個值,默認爲外陰影);

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