CSS盒模型基础与属性详解.pdfVIP

CSS盒模型

盒模型

网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子

模式都具备这些属性。

这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也

就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。

CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

盒模型中的边框

盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个

属性)。

如下面代码为div来设置边框粗细为2px、样式为实心的、颜