跳到主要内容

CSS 盒模型

阐述​

每个元素是一个盒子，每个盒子由四部分组成，其边界由四个边界线定义：

  • 内容区：当 box-sizing 为 content-box 时可以直接定义其大小
  • 内边距区：CSS 内边距
  • 边框区：CSS 边框，当 box-sizing 为 border-box 时可以直接定义其大小
  • 外边距区：CSS 外边距

盒子的圆角可以用 border-radius 设置，四个数字分别是从左上顺时针转一圈。

实例​

性质​

相关内容​

参考文献​