CSS中的内边距和外边距样式

css中设置内边距使用padding定义 设置外边距使用margin设置 

内边距可以理解为在框中的内容与边框的距离 外边距可以理解为这个框和浏览器或者它的外边框的距离

内边距和外边距有四个值 分别是left(左边) right(右边) top(顶部) bottom(底部) 可以通过分别设置这几个值的定义达到不同的效果

语法

.container{
    padding-left:10px;/*设置左边的内边距为10px*/
    padding-right:10px;/*设置右边的内边距为10px*/
    padding-top:10px;/*设置顶部的内边距为10px*/
    padding-bottom:10px;/*设置底部的内边距为10px*/
}

.container{
    margin-left:10px;/*设置左边的外边距为10px*/
    margin-right:10px;/*设置右边的外边距为10px*/
    margin-top:10px;/*设置顶部的外边距为10px*/
    margin-bottom:10px;/*设置底部的外边距为10px*/
}