CSS outline属性如何设置

CSS的outline属性用于设置一个元素的轮廓样式，它不占据空间，并且不会影响元素的布局。
outline的值可以有以下几种：
1. `outline-width`：可以设置轮廓线的宽度，可以是像素值、em、百分比或thin、medium、thick等预定义值。
2. `outline-style`：可以设置轮廓线的样式，包括solid（实线）、dashed（虚线）、dotted（点线）等。
3. `outline-color`：可以设置轮廓线的色彩，可以是具体的色彩值、关键词（如red、blue等）还是transparent（透明）。
4. `outline`：可以同时设置上述三个属性的值，例如`outline: 2px solid red;`。
以下是一些示例：
```css
/* 设置轮廓线宽度为2像素，样式为虚线，色彩为红色 */
outline-width: 2px;
outline-style: dashed;
outline-color: red;
/* 使用简写情势设置上述属性 */
outline: 2px dashed red;
/* 设置轮廓线宽度为粗线，样式为实线，色彩为蓝色 */
outline-width: thick;
outline-style: solid;
outline-color: blue;
```
注意：在一些浏览器中，outline属性可能会致使元素的宽度和高度产生变化，所以在使用outline属性时需要注意布局的影响。