CSS中，常常用到边框（border）来装饰HTML元素，但是边框只能实现一些简单的样式，例如颜色、宽度、样式等。而当我们需要在HTML元素周围添加一个虚线框或者阴影时，我们就需要使用CSS中的outline（轮廓）属性了。

outline: 1px dashed red;

outline的用法非常简单，只需要为元素添加outline属性并指定相应的轮廓样式即可。

轮廓（outline）的常用属性值：

• outline-width：指定轮廓的宽度，取值为数值或者thin、medium、thick之一。
• outline-style：指定轮廓的样式，取值为solid、dotted、dashed、double等。
• outline-color：指定轮廓的颜色，取值为颜色值或者transparent。
• outline-offset：指定轮廓与元素边缘之间的间距，取值为正数或者负数。

outline: 2px dotted blue;outline-offset: -5px;

此外，我们还可以将outline样式应用于特定状态下的元素，例如hover状态下：

&:hover{outline: 1px solid green;}

总的来说，outline属性是CSS中非常实用的一个样式属性，可以为HTML元素增添更多的装饰和美观，同时也能提升交互体验。