有時(shí)，Web設(shè)計(jì)者希望為按鈕，活動(dòng)的表單元素一個(gè)輪廓線(outline)，用來突出顯示它們。輪廓線也是時(shí)常被忽視的界面元素，適當(dāng)?shù)夭僮魉軌蛱嵘龖?yīng)用程序的易用性，增強(qiáng)客戶體驗(yàn)，輪廓線與邊框的不同之處在于以下兩個(gè)方面：
1.輪廓線不占用任何空間(不影響元素的大小)。
2.輪廓線能夠不是矩形的。
 Css提供了outline-color,outline-style,outline-width以及一個(gè)簡(jiǎn)寫的outline屬性來控制元素的輪廓線樣式。
 Outline-color屬性可接受所有表示顏色的屬性值，此外還可操作invert關(guān)鍵字，它表示將輪廓線區(qū)域下面的顏色實(shí)行反轉(zhuǎn)，outline-style可操作除hidden外所有border-style所操作的屬性值。outline-width可用的屬性值與border-width屬性的屬性值完全統(tǒng)一，outline屬性為科室模式，可同時(shí)包括三個(gè)樣式屬性。