css样式二

1、margin（外边距）

margin位于盒子外边框，指与其他盒子之间的距离。

外边距的属性

四个方向 margin-top 上外边距 例子 margin-top:1px

               margin-right 右外边距

               margin-bottom 下外边距

              margin-left 左外边距

缩写形式    margin  在一个声明中统一设置四个方向的外边距   margin:1px 2px 3px 4px

2.border(边框)

修饰属性  border-color 边框颜色

                 border-width 边框宽度

                border-style  边框样式，

                常用的取值如下 none 无边距

                                          solid 实线    dashed 虚线

四方方向 border-top 上边距

                border-left 左边距

               border-right 右边距

              border-bottom  下边框

缩写形式  border 在一个声明中统一设置四个方向的边框属性  border:1px solid red

                 border-left 等  border-left:1px solid red

3.padding (内边距)     *padding值不允许为负

四个方向  padding-top 内容与上边框之间的距离  padding-top:5px;

                padding-right 内容与右边框之间的距离 padding-right:5px

                padding-bottom 内容与下边框之间的距离 padding-bottom:5px

                 padding-left 同上

缩写形式 padding 在一个声明中统一设置四个方向的填充属性  padding:5px 10px 20px 40px