CSS中，輪廓（outline）是一種可見的邊框，它與border類似，但是不影響元素的尺寸和位置。CSS中輪廓的語(yǔ)法如下：

outline: 輪廓樣式 輪廓寬度 輪廓顏色;

其中，輪廓樣式、寬度和顏色都可以選擇設(shè)定。輪廓樣式有以下幾種：

dashed  細(xì)虛線
dotted  細(xì)點(diǎn)線
double  雙線
groove  3D凹槽線
inset   3D凹陷線
outset  3D突起線
ridge   3D壟狀線
solid   實(shí)線

輪廓寬度可以用像素（px）、em、rem等單位來(lái)表示，還可以用thin、medium、thick等預(yù)定義寬度。

輪廓顏色和border的顏色一樣，可以用顏色名稱、RGB、HEX等方式表示。

輪廓在以下情況下特別有用：

• 在調(diào)試和開發(fā)階段，可以使用輪廓明顯地顯示元素的邊緣，便于排查問(wèn)題。
• 通過(guò)為鼠標(biāo)懸停在元素上時(shí)添加輪廓，提高用戶的反饋體驗(yàn)。
• 一些支持輔助功能的瀏覽器可以使用輪廓來(lái)標(biāo)記鍵盤焦點(diǎn)在頁(yè)面上的元素。

不過(guò)，需要注意的是在不同瀏覽器中，文本框和按鈕等元素默認(rèn)的輪廓可能會(huì)不同，可能會(huì)影響到頁(yè)面的統(tǒng)一性，因此在進(jìn)行開發(fā)時(shí)需要對(duì)于輪廓進(jìn)行明確的設(shè)定。