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;。

以下是一些示例：

/* 设置轮廓线宽度为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属性时需要注意布局的影响。