使用 CSS 在单个语句中设置轮廓的宽度、线条样式和颜色属性
在 CSS 中，我们经常用到边框属性来为元素添加边框。而轮廓（outline）属性则可以在边框外围绘制线条，不会影响元素的大小和位置。
轮廓属性包括三个子属性：轮廓宽度（outline-width）、轮廓样式（outline-style）和轮廓颜色（outline-color），可以在一个语句中同时设置这三个属性。
语法
selector {
outline: outline-width outline-style outline-color;
}
其中，selector表示要设置轮廓的元素选择器，可以为标签、类名、ID 等。
而 outline-width、outline-style、outline-color 则分别代表轮廓宽度、轮廓样式和轮廓颜色。它们的值可以为具体的像素值、关键字（如 thin、medium、thick 等）和 RGB 值。
以下是具体的例子：
p {
outline: 2px solid red;
}
上述语句将为所有段落元素添加 2 像素宽度、实线样式、红色颜色的轮廓。
轮廓样式
轮廓样式属性（outline-style）可以设置轮廓线条的样式，其属性值可以是实线、虚线、点线等。
以下是常见的轮廓样式属性值：
none：不绘制轮廓。
solid：绘制实线轮廓。
dashed：绘制虚线轮廓。
dotted：绘制点线轮廓。
double：绘制双线轮廓。
以下是一个例子：
p {
outline: 2px solid red;
}
上述语句将为所有段落元素添加 2 像素宽度、实线样式、红色颜色的轮廓。
轮廓宽度
轮廓宽度属性（outline-width）用于设置轮廓的宽度，在此属性中可以使用像素值、百分比、关键字等。
以下是常用的轮廓宽度属性值：
thin：表示较窄的轮廓，相当于 1px。
medium：表示中等宽度的轮廓，相当于 3px。
thick：表示较厚的轮廓，相当于 5px。
以下是一个例子：
p {
outline: thick dotted green;
}
上述语句将为所有段落元素添加 5 像素宽度、点线样式、绿色颜色的轮廓。
轮廓颜色
轮廓颜色属性（outline-color）用于设置轮廓的颜色，其取值可以为十六进制、RGB、颜色关键字等。
以下是一个例子：
p {
outline: thin solid #00ff00;
}
上述语句将为所有段落元素添加 1 像素宽度、实线样式、绿色颜色的轮廓。
总结
轮廓属性是一种用于在元素周围绘制线条的 CSS 属性，其由轮廓宽度、轮廓样式和轮廓颜色三个子属性组成。可以在一个语句中同时指定这三个属性，并且其取值可以为具体的像素值、关键字、RGB 值等。