HTML标签】html中内边距和外边距之间的区别是什么?

2020-08-18 09:32发布

5条回答
我是大脸猫
2楼 · 2020-08-18 09:42

内边距padding的意思是: 边框与内容之间的距离。

外边距margin的意思是:边框与边框之间的距离。


拓展资料

外边距margin


左边距 margin-left:数值 | autoauto:即距离这个边最远的距离;


右边距: margin-right:数值 | auto;


上边距: margin-top:数值  ,这里不能用auto;


下边距: margin-bottom:数值 这里也不能用auto;


外边距的复合写法


1、margin: 0px(上) 0px(右) 0px(下) 0px(左);


2、margin: 0px(上) 0px(左右) 0px(下);


3、margin: 0px(上下边距) 0px(左右边距);


4、margin: 0px(上下左右边距都是0px);


例子:




内边距padding


padding属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。


按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值,例如:


h1 {padding: 10px 0.25em 2ex 20%;}

内边距也通过使用下面四个单独的属性,分别设置上、右、下、左内边距


padding-top 上内边距;


padding-right 右内边距;


padding-bottom 下内边距;


padding-left 左内边距;


例如:


h1 {padding-top: 10px;padding-right: 0.25em;padding-bottom: 2ex;padding-left: 20%;}

222.png


珠珠666666
3楼 · 2020-08-18 09:54

内边距padding的意思是: 边框与内容之间的距离。


外边距margin的意思是:边框与边框之间的距离。

拓展资料

外边距margin

左边距 margin-left:数值 | autoauto:即距离这个边最远的距离;

右边距: margin-right:数值 | auto;

上边距: margin-top:数值  ,这里不能用auto;

下边距: margin-bottom:数值 这里也不能用auto;

外边距的复合写法

1、margin: 0px(上) 0px(右) 0px(下) 0px(左);

2、margin: 0px(上) 0px(左右) 0px(下);

3、margin: 0px(上下边距) 0px(左右边距);

4、margin: 0px(上下左右边距都是0px);


内边距padding

padding属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。

按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值,例如:

h1 {padding: 10px 0.25em 2ex 20%;}


内边距也通过使用下面四个单独的属性,分别设置上、右、下、左内边距

padding-top 上内边距;

padding-right 右内边距;

padding-bottom 下内边距;

padding-left 左内边距;


那些年很冒险的梦。
4楼 · 2020-08-18 09:56

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

魏魏姐
5楼 · 2020-08-19 13:46

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。提示:背景应用于由内容和内边距组成的区域。

征戰撩四汸
6楼 · 2021-11-24 19:04

内边距,即边框与元素内容之间的空白区域

padding 属性接受长度值或百分比值,但不允许使用负值

围绕在元素边框的空白区域是外边距。设置外边距会使得文本在自己的背景里空出来。
而内边距是带着文本背景一块偏离,空出高层空白


内边距和外边距的区别:

● 内边距使用padding属性定义

● 外边距使用margin属性定义

● 内边距是边框到内容的距离

● 外边距是对象外边距向外延伸的距离。

● 内边距不能为负值,外边距可以为负值


相关问题推荐

没有解决我的问题,去提问