一个盒子中主要的属性就5个:width、height、padding、border、margin。如下:
- width和height:内容的宽度、高度(不是盒子的宽度、高度)。
- padding:内边距。
- border:边框。
- margin:外边距。
盒子模型的示意图:
盒子模型的顺序是 上右下左。
Border(边框): border-top(上边框)、border-right(右边框)、border-bottom(下边框)、border-left(左边框)
none:无边框 solid:实线边框 dashed:虚线边框 dotted:点状边框 double:双线边框 hidden:与none相同,应用于表解决边框冲突