這篇文章主要介紹outline-offset屬性的使用方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)擁有一支富有激情的企業(yè)網(wǎng)站制作團隊，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕10多年，專業(yè)且經(jīng)驗豐富。10多年網(wǎng)站優(yōu)化營銷經(jīng)驗，我們已為成百上千中小企業(yè)提供了網(wǎng)站建設(shè)、網(wǎng)站設(shè)計解決方案，按需定制網(wǎng)站，設(shè)計滿意，售后服務(wù)無憂。所有客戶皆提供一年免費網(wǎng)站維護!

CSS3的outline-offset屬性用于對輪廓進行偏移，并在邊框邊緣進行繪制；可以通過length值設(shè)置輪廓與邊框邊緣的距離。

CSS3  outline-offset屬性

作用：對輪廓進行偏移，并在超出邊框邊緣的位置繪制輪廓。

說明：輪廓與邊框有兩點不同：輪廓不占用空間，輪廓可能是非矩形的。

語法：

outline-offset: length|inherit;

length：輪廓與邊框邊緣的距離。

inherit：規(guī)定應(yīng)從父元素繼承 outline-offset 屬性的值。

CSS3  outline-offset屬性的使用示例

注釋：Internet Explorer 和 Opera 不支持 support outline-offset 屬性。

這個 div 在邊框邊緣之外 15 像素處有一個輪廓。

效果圖：

以上是outline-offset屬性的使用方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！