盒子模型和盒子阴影

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;
}

盒子模型