java中内边距跟外边距,学习猿地-css内边距和外边距的区别？

css内边距和外边距的区别？

(一)内边距

CSS padding 属性定义内边距，即边框与元素内容之间的空白区域

padding 属性接受长度值或百分比值，但不允许使用负值.wrap{

display: inline-block;

padding: 20px;

background: skyblue;

border: 1px solid #000;

}

(相关课程推荐：css视频教程)

(二)外边距

围绕在元素边框的空白区域是外边距。设置外边距会使得文本在自己的背景里空出来。

而内边距是带着文本背景一块偏离，空出高层空白.wrap{

display: inline-block;

padding: 20px;

margin: 20px;

background: skyblue;

border: 1px solid #000;

}

内边距和外边距的区别：

● 内边距使用padding属性定义

● 外边距使用margin属性定义

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

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

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