css边框

边框
      简写方式：border：width（宽度） style（样式） color（颜色）；
      style有solid
      分开设置：border-width：；
                border-style：；（solid实线 none无边框 hidden隐藏 dotted点状边框部分浏览器显示实线 dashed虚线 double双线，取决于线的宽度）
                border-color：；
      单边设置：border-left/right/top/bottom:width style color;
  边框倒角：设置边框的圆角效果
              简写属性：border-radius：其取值左上角顺时针设置四个倒角，取值为绝对值或百分比；
              当值设置一个值时，四个角均为该值 
              单独定义：border-top/button-left/right-radius
  边框阴影：
             简写方式：box-shadow,给边框添加阴影，取值为多个属性值的列表，语法为box-shadow:h-shadow(必须，水平阴影位置) v-shadow( 必须，垂直) blur（可选，模糊距离） spred(阴影尺寸) color(颜色) inset (可选，外部阴影改为内部阴影)        
  图片边框:
           将图片规定为包围元素的边框，语法为：borde-image:source(路径) width（宽度 不加px） repeat （图片布局风格：repeat（平铺）round（铺满）stretch（拉伸））


            分开设置：border-image-width/source/repeat




  轮廓：    
           绘制与元素周围的一条线，位于边框边缘的外围，可以起到突出元素的作用；
           简写： outline：color style（样式，可取值none（无边框），dotted（点状），dashed（虚线），solid（实线），double（双线））width
           分别设置：outline-color  outline-style 




  框模型：
          定义了元素框处理元素内容，内边距，外边距的方式，width和height设置了内容区域，增加内边距和外边距不会增加内容占用的空间，但会增加元素框的总尺寸
          1外边距
          设置外边距的语法：margin：value；可取值位像素，百分比，或者auto，也可以是负值 
          设置单边边距：margin-top/right/bottom/left:value;
          简洁设置单边方法：margin:value(四个方向)；
                            margin:value（上下）（左右）；
                            margin：value（上）（左右）（下）；
                            margin:value：（上）（右）（下）（左）；
                            默认情况下，body，div，p，hn等块级元素，可以设置外边距；声明margin属性，会覆盖元素原有的边距，margin属性可以设置为auto，元素水平居中 
           外边距合并：当两个垂直外边距相遇时，它们之间有一个外边距，成为外边距合并，合并后的边距等于两个发生合并的外      边距值较大的
           2内边距：
           元素内容区域和元素边框之间的空白
           设置外边距的语法：padding:value;可取值为像素，百分比，不可以是负值
           单边设置：padding-top/right/bottom/left:value;
           单边简写：margin:value(四个方向)；
                            padding:value（上下）（左右）；
                            padding：value（上）（左右）（下）；
                            padding:value：（上）（右）（下）（左）；