边框(border)边距(margin)和间隙(padding)属性的区别- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 边框(border)边距(margin)和间隙(padding)属性的区别

CSS样式表: CSS定位中Positoin、absolute、Relative的一些研究; 脚本控制三行三列自适应高度DIV布局的代码; word-wrap在firefox中不起作用的解决方法; 网页设计者需要了解的_网页字体大小数据参考; div+css与xhtml+css分别是什么意思?; xhtml+css网页制作中常见问题解决方法; 表格标签table深入了解; DIV+CSS网页另类上下布局的实例代码; CSS实现每行新闻数量不等效果代码; JAVASCRIPT IE 与 FF 中兼容写法记录; 让超出DIV宽度范围的文字自动显示省略号...; CSS使用学习总结; 解决IE6 3像素Bug的css写法; 用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大; firefox margin-top失效的原因与解决办法; IE hack条件写法; css pointer控制在firefox下显示手型的代码; 纯CSS实现上下左右都居中的代码; 在DW中CSS编码需要注意和掌握的一些技巧; DIV CSS网页布局最小高度（min-height）的妙用

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 169 ::

收藏到网摘: n/a

边框属性(border)用来设定一个元素的边线。
　　边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
　　间隙属性(padding)是用来设置元素内容到元素边界的距离。
　　这三个属性都属于CSS中box类型的属性。

　　下面这个示意图，很形象地体现了三者之间的区别。

这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。