了解盒子模型

盒子模型

盒子模型的属性

    外边距 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;