PHP开发笔记 - Powered by Discuz! Board

标题: CSS盒子模式(Box Model) padding margin border [打印本页]

作者: fangzhen 时间: 2009-1-12 13:47 标题: CSS盒子模式(Box Model) padding margin border

盒子里由外至里依次是：
margin 边距
border 边框
padding 间隙 (也有人称做补丁)
content (内容，比如文本，图片等)
CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
CSS 边框属性 (border) 用来设定一个元素的边线。
CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。

CSS 背景属性指的是 content 和 padding 区域。
CSS 属性中的 width 和 height 指的是 content 区域的宽和高。

图片附件: box.gif (2009-1-12 13:47, 6.21 KB) / 该附件被下载次数 34
http://phpvi.com/attachment.php?aid=4&k=d82bf35ebe082549f8a4c3055488af99&t=1716115957

欢迎光临 PHP开发笔记 (http://phpvi.com/)