边框

• 环绕在标签宽高周围的线条
  • 样式:solid(实线),dashed(虚线),double(双线),dotted(小圆点)

同时设置四条边框所有属性

• 格式:border:边框宽度 样式 颜色;
• 连写格式的快捷键:bd+ border:1px solid #000;
• 注意点:连写格式中颜色和宽度可以省略，但样式省略后就看不到边框

分别设置四条边框

• 格式:border-top(left,right,bottom):边框宽度 样式 颜色;
• 快捷键:bt+ border-top:1px solid #000;

同时设置四条边框的单一属性

• 格式
  • border-width:上 右 下 左;
  • border-style:上 右 下 左;
  • border-color:上 右 下 左;
• 注意点:
  • 1.上右下左顺序不能改变
  • 1. 省略某个方向的值时，则该值和相对方向的值相同.

内边距

• 边框和内容之间的距离
• 格式
  • padding-left(top,right,bottom):;
  • padding:上 右 下 左;省略某个时，会随对立方向的值
• 注意点:增加内边距会改变标签的尺寸,内边距也会有背景颜色

外边距

• 标签与标签之间的距离
• 格式
  • margin-left(top,right,bottom):;
  • margin:上 右 下 左;省略某个时，会随对立方向的值
• 注意点:
  • 1.外边距不会有背景颜色
  • 2.外边距在垂直方向存在合并现象，也就是上下两个标签同时设置了对立面的外边距时，那么两个标签之间的外边距为大的那个值;水平方向则不会出现合并现象。