溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css虛線樣式如何去掉，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
當超鏈接變為活動狀態或獲得焦點時，鏈接周圍會出現一條虛線，以區別于其他鏈接，這是超鏈接的默認行為。它基本上是虛線輪廓，不會像邊框那樣影響周圍的元素。想要去掉css虛線樣式，我們可以使用CSS屬性"outline:none;"來實現。
下面我們結合簡單的實例，為大家介紹如何去掉css虛線樣式。
代碼示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>使用CSS刪除虛線輪廓</title>
<style type="text/css">
a, a:active, a:focus{
outline: none; /* *適用于Firefox，Chrome，IE8及以上版本* */
}
</style>
</head>
<body>
<div class="menu">
<a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
</div>
</body>
</html>outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。outline 屬性設置元素周圍的輪廓線。
注釋：請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。
注釋：輪廓線不會占據空間，也不一定是矩形。
默認值為none。
看完了這篇文章，相信你對css虛線樣式如何去掉有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
