盒子模型
盒子模型的属性
外边距 margin
内边距 padding
边框 border
内容 content
盒子阴影
box-shadow:10px 10px 10px 30px pink inset;
参数一:水平位置
参数二:垂直位置
参数三:模糊度
参数四:阴影尺寸
参数五:阴影颜色
参数六:阴影位置
外边距 margin
一个参数:margin:10px;四个方向的距离都是10像素,
二个参数:margin:10px 20px;上下 左右
三个参数:margin:10px 20px 30px 上 左右 下
四个参数:margin:10px 20px 30px 40px 上 右 下 左
边框 border
边框线厚度为2像素:border-weight:2px;
边框颜色为蓝色:border-color:blue;
边框线样式为虚线:border-style:dashed;
边框圆角,正圆必须一半以上:border-radius:10%
;
边框线的粗细的宽为2像素
上 border-top-width:2px;
右 border-right-width:2px;
下 border-bottom-width:2px;
左 border-left-width:2px;
边框线的粗细的颜色为黄色
上 border-top-color:yellow;
右 border-right-color:yellow;
下 border-bottom-color:yellow;
左 border-left-color:yellow;