css样式实现阴影和盒子模型
盒子阴影
.box{
width: 200px;
height: 200px;
border: 1 solid #ccc;
/* 设置盒子阴影 /
/ box-shadow: none; /
/
内联阴影:盒子内部阴影样式
box-shadow: 5px 5px 5px 5px #000 inset;
外联阴影:盒子外部阴影样式 ***
/
/
值1:水平位移
值2:竖直位移
值3:模糊度
值4:外延(阴影放大)
值5:阴影颜色
值6:盒子内部 或 外部阴影
*/
box-shadow: 5px 5px 5px 5px #000;
}
盒子模型