溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關css如何設置正在訪問的鏈接背景，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
在css中，可以利用“:active”選擇器和background屬性來設置正在訪問的鏈接背景，只需要給鏈接添加“a:active{background:顏色值/url('圖片url');}”樣式即可設置正在訪問時鏈接的背景顏色或背景圖片。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css設置正在訪問的鏈接背景
在鼠標點擊鏈接時，設置其背景顏色為黃色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
a:active {
background: yellow;
/* background:url(img/1.jpg); */
}
</style>
</head>
<html>
<body>
<a href="#">鏈接</a>
</body>
</html>效果圖：
說明：
:active 選擇器可以設置當你點擊鏈接時的樣式。
當你點擊一個鏈接時它變成活動鏈接，而:active會向活動的鏈接添加特殊的樣式。
提示: :link 選擇器設置了未訪問過的頁面鏈接樣式, :visited 選擇器設置訪問過的頁面鏈接的樣式, :hover 選擇器當有鼠標懸停在其上的鏈接樣式。
注意: 為了產生預期的效果，在CSS定義中，:active必須位于:hover之后！！
看完上述內容，你們對css如何設置正在訪問的鏈接背景有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
