box-shadow

box-shadow:水平偏移量 垂直偏移量 模糊半径 扩展半径 颜色 inset内部阴影;
X轴:正值往右,负值往左(必须)
Y轴:正值往下,负值往上(必须)
模糊半径:圆心牧户半径,值越大,越模糊;
扩展半径:从阴影的中心点开始扩展;
颜色:阴影部分的颜色(必须);
inset:内部阴影,盒子以外的都是内部阴影;
默认就是外部阴影:躲在盒子后面,盒子多大它多大.

<div></div>

div{
    width:200px;
    height:200px;
    margin:50px;
    border:2px solid yellow;
    border-radius:50%;
    /*background:yellow;*/
    box-shadow:10px 0  red inset,0 10px yellow inset,-10px 0  blue inset,0 -10px pink inset;
    }