CSS中的outline屬性用于設(shè)置元素的輪廓，它可以通過(guò)outline-style、outline-width和outline-color三個(gè)子屬性來(lái)定義輪廓的樣式、寬度和顏色。

outline-style用于設(shè)置輪廓的樣式，它支持以下幾種值：dotted（點(diǎn)狀）、dashed（虛線）、solid（實(shí)線）、double（雙線）、groove（凹槽）、ridge（壟脊）、inset（內(nèi)嵌）、outset（外嵌）和none（無(wú)）。

outline-width用于設(shè)置輪廓的寬度，它支持以下幾種值：thin（細(xì)）、medium（中）、thick（粗）和具體的像素值。

outline-color用于設(shè)置輪廓的顏色，它支持以下幾種顏色類(lèi)型：關(guān)鍵字（如red、green等）、十六進(jìn)制顏色（如#FF0000）、RGB顏色（如rgb(255,0,0)）和HSL顏色（如hsl(0,100%,50%)）。

在CSS中，可以通過(guò)以下方式使用outline屬性：

1、設(shè)置單個(gè)元素的輪廓：

element {
  outline: 1px solid red;
}

2、設(shè)置多個(gè)元素的輪廓：

elements {
  outline: 2px dashed green;
}

3、設(shè)置輪廓的樣式、寬度和顏色：

element {
  outline-style: solid;
  outline-width: 3px;
  outline-color: blue;
}

通過(guò)以上方式，可以輕松地設(shè)置元素的輪廓，使它們?cè)谝曈X(jué)上更加突出和吸引人。