轮廓：

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。

css的轮廓属性：

外边距：

CSS margin(外边距)属性定义元素周围的空间

margin

margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。

margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。

margin属性可以有一到四个值。

• margin:25px 50px 75px 100px;

• 上边距为25px

• 右边距为50px

• 下边距为75px

• 左边距为100px

• margin:25px 50px 75px;

• 上边距为25px

• 左右边距为50px

• 下边距为75px

• margin:25px 50px;

• 上下边距为25px

• 左右边距为50px

• margin:25px;

• 所有的4个边距都是25px

外边距属性：

参考：https://www.runoob.com/css/css-padding.html