輪廓（outline）是CSS中一個常被忽略的屬性，它可以為元素添加一條線框，以突出元素或作為焦點指示。與邊框不同的是，輪廓不占用元素的空間，因此不會影響頁面的布局。

在使用輪廓時，需要注意一些細節。首先，輪廓是在邊框之外繪制的，因此對于一個沒有邊框的元素，輪廓將繪制在元素外部。其次，不能對不可見元素添加輪廓，包括display:none、visibility:hidden和opacity:0等屬性所影響的元素。最后，輪廓不支持圓角，因此隨著輪廓線的增加，元素四個角上的角度會增大。

/* 基本用法 */
outline: [寬度] [樣式] [顏色];
/* 示例 */
outline: 1px solid red; /* 添加一條寬度為1像素、樣式為實線、顏色為紅色的輪廓 */
outline-offset: 10px; /* 將輪廓向內偏移10像素 */

除了基本的三個參數外，還可以使用outline-offset屬性來設置輪廓與元素邊框的偏移量。這個屬性的默認值為0，可以為正數和負數，表示輪廓距離元素邊框的距離。

總的來說，輪廓是一個非常實用的CSS屬性，可以為頁面提供更好的可訪問性和用戶體驗，但需要在使用時注意一些細節，以避免出現不必要的問題。