CSS样式里外边距怎么写的

html-css019

CSS样式里外边距怎么写的,第1张

设置标签外边距为10px:margin:10px

设置标签内边距为10px:

padding:10px

也可以以四个值来分别设置标签上下左右的边距值,顺序为:上 右 下 左

margin:10px 20px 10px 20px

padding:10px 20px 10px 20px

还可以分开设置:

上:margin-top 、padding-top

右:margin-right 、padding-right

下:margin-bottom 、padding-bottom

左:margin-left 、 padding-left

外边距是指margin

可以这样写margin-top:4pxmargin-left:4pxmargin-right:4pxmargin-bottom:4px ;

也可以简写:margin:4px 8px (上下外边距是4px ,左右外边距是8px);

也可以这样简写 margin:4px 8px 6px(上面外边距是4px 左右外边距是8px 下面外边距是6px)。

内边距是padding,和margin是一样的用法。

一个盒子总宽度是margin+border+padding+width(border也要算在尺寸里)

一个盒子总高度是margin+border+padding+height(border也要算在尺寸里)

有什么问题请继续问