css盒子模型

113 阅读1分钟

一个盒子中主要的属性就5个:width、height、padding、border、margin。如下:

  • width和height:内容的宽度、高度(不是盒子的宽度、高度)。
  • padding:内边距。
  • border:边框。
  • margin:外边距。

盒子模型的示意图:

image.png 盒子模型的顺序是 上右下左。

Border(边框): border-top(上边框)、border-right(右边框)、border-bottom(下边框)、border-left(左边框)

none:无边框 solid:实线边框 dashed:虚线边框 dotted:点状边框 double:双线边框 hidden:与none相同,应用于表解决边框冲突