本文介绍了CSS盒模型的基本概念，包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。详细讲解了border属性，如边框宽度、样式和颜色的设定，以及如何使用简写形式。同时，讨论了padding属性，解释了如何设置元素内容与边框之间的距离，并提供了不同的设置方式。
一、CSS盒模型统计图解
CSS盒子模型(Box Model)又称框模型，包含了元素内容( content)、内边距( padding )边框(border)、外边距(margin)几个要素。margin是一个盒子距离其他盒子的长度。CSS定义的宽width和高height指的是填充以里的内容范围。
二、border边框可以设计粗细、样式、颜色
border-width（边框宽度）：thin medium thick （最常用像素）px
四个值
border-width：1px 2px 3px 4px （上 右 下 左 顺时针）
三个值
border-width：1px 2px 3px （上 左右 下）
两个值
border-width：1px 2px （上下 左右）
border-style（边框样式）：dashed（虚线） dotted（点线
最低0.47元/天 解锁文章
扫一扫
380
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
