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属性定义

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

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

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

本文来自css3答疑栏目,欢迎学习!

以上就是css内边距和外边距的区别?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读