當元素獲得焦點的時候，焦點框為0.
比如說當前這個網頁，你用tab鍵切換的時候，文字鏈接、搜索框、按鈕等的外面會有一個虛線框（或高亮框），此時當前的元素就獲得了焦點，你可以對它進行操作。
這個功能一般是為使用鍵盤操作的用戶准備的。
有些鏈接——比如一個圖片鏈接，你不想讓他出現虛線框破壞設計感，就可以用此方法。
建議一般不要去掉，只在一些影響設計美感的地方用。畢竟這個焦點框對鍵盤用戶是很有幫助的。
定義和用法
outline-style 屬性用於設置元素的整個輪廓的樣式。樣式不能是 none，否則輪廓不會出現。
outline （輪廓）是繪制於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。outline 屬性設置元素周圍的輪廓線。
注釋：請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。
注釋：輪廓線不會占據空間，也不一定是矩形。
默認值： none
設置輪廓的樣式：
p
{
outline-style:dotted;
}
瀏覽器支持
所有主流瀏覽器都支持 outline-style 屬性。
只有在規定了 !DOCTYPE 時，Internet Explorer 才支持 outline-style 屬性。
可能的值
值 描述
none 默認。定義無輪廓。
dotted 定義點狀的輪廓。
dashed 定義虛線輪廓。
solid 定義實線輪廓。
double 定義雙線輪廓。雙線的寬度等同於 outline-width 的值。
groove 定義 3D 凹槽輪廓。此效果取決於 outline-color 值。
ridge 定義 3D 凸槽輪廓。此效果取決於 outline-color 值。
inset 定義 3D 凹邊輪廓。此效果取決於 outline-color 值。
outset 定義 3D 凸邊輪廓。此效果取決於 outline-color 值。
inherit 規定應該從父元素繼承輪廓樣式的設置。
