css样式内外边距,css外边距和内边距

CSS内边距外边距算法

外边距是指margin

可以这样写margin-top:4px; margin-left:4px; margin-right:4px; margin-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也要算在尺寸里）

有什么问题请继续问

[img]

相关问答

Q1: css中内边距和外边距是什么意思？

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

Q2: 如何设置CSS内边距

元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

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

您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：

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

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

padding 简写属性。作用是在一个声明中设置元素的所内边距属性。

padding-bottom 设置元素的下内边距。

padding-left 设置元素的左内边距。

padding-right 设置元素的右内边距。

padding-top 设置元素的上内边距。