web網頁設計中輪廓線的用法
作者：佚名 時間：2012-10-29 分享到：
有時，web設計者希望為按鈕，活動的表單元素一個輪廓線(outline)，用來突出顯示它們。輪廓線也是經常被忽略的界面元素，適當地使用它可以提高應用程序的易用性，增強用戶體驗，輪廓線與邊框的不同之處在于以下兩個方面：
1.輪廓線不占用任何空間(不影響元素的大小)。
2.輪廓線可以不是矩形的。
css提供了outline-color,outline-style,outline-width以及一個簡寫的outline屬性來控制元素的輪廓線樣式。
outline-color屬性可接受所有表示顏色的屬性值，此外還可使用invert關鍵字，它表示將輪廓線區域下面的顏色進行反轉，outline-style可使用除hidden外所有border-style所使用的屬性值。outline-width可用的屬性值與border-width屬性的屬性值完全一致，outline屬性為科室形式，可同時包含三個樣式屬性。
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n2594.html
