html css 入门之margin与padding的区别

                                     margin与padding的区别

 今天博主带领大家来学习一下css中margin与padding的区别!大家在使用DIV布局的时候肯定有一些疑问的把hhh偷笑

首先是margin:margin是指元素自身的边框,与另外一个元素的界面的距离,比如,两个DIV块之间的距离,这个时候就要使用margin来进行设置了!

设置上边距:margin-top:10px;

设置下边距:margin-bottom:10px;

设置左边距:margin-left:10px;

设置右边距:margin-right:10px;

显而易见,margin处理的是两个不同界域的区域块!

其次,针对于padding!从功能上来说,padding与margin是非常像的,但是他是设置内部元素到区域框之间的距离,间隔的!举个例子大家就很容易明白了!比如,我现在有一个width:500px;height:500px;的DIV的话,里边有张图片,,需要设置图片在DIV中的距离,可以使用padding来实现!

设置上边距:padding-top:10px;

设置下边距:padding-bottom:10px;

设置左边距:padding-left:10px;

设置右边距:padding-right:10px;

DIV中的元素可以是任何东西!比如DIV,文字,图片,SPAN等等!

好了,今天的分享就到这里哦!欢迎小伙伴们留言交流!

猜你喜欢

转载自blog.csdn.net/qq_35788269/article/details/80289716