向 div 元素添加 box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
div{box-shadow: 10px 10px 5px #888888;}
10px 10px 表示水平阴影的位置和垂直阴影的位置 5px是阴影的宽度 10px 10px 的值为正值时表示的盒子的下方和右方
如果是-10px -10px表示的就是盒子的上方和左侧右阴影 以上情况都是盒子的阴影是outset外部阴影为默认样式
div{box-shadow: inset 10px 10px 5px #888888;}
当在阴影属性中设置为inset时,10px 10px表示的就是内部上方和左侧,-10px -10px为下方和右侧