CSS 盒子四周添加阴影

box-shadow: 10px 0px 10px rgba(0,0,0,0.9) /阴影出现在元素的右侧/ 0 就是表示上下偏移量为零,所以上下没有阴影
box-shadow: -10px 0px 10px rgba(0,0,0,0.9) /阴影出现在元素的左侧/
box-shadow: 0px -20px 10px rgba(0,0,0,0.9)/阴影出现在元素上方/ 0 就是表示左右偏移量为零,所以左右没有阴影
box-shadow: 0px 20px 10px rgba(0,0,0,0.9)/阴影出现在元素下方/

box-shadow: 2px 2px 2px #E5E5E5, -1px -1px 1px #E5E5E5; // 给多个边框添加阴影效果 ,四个边框都有阴影

你可能感兴趣的:(css,css3,前端)