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其它相关文章!