一、屬性的認識
:link 表示滑鼠點擊之前，也稱為原始狀態；
:visited 表示滑鼠點擊之后狀態；
:hover 表示滑鼠懸停狀態；
:active 表示滑鼠點擊狀態；
L-V-H-A LV愛 HA恨
二、例子
<style> div { width: 100%; } a { text-decoration: none; display: block; width: 20%; margin: auto; font-size: 30px; } a:link { color: red; } a:visited { color: black; } a:hover { color: green; } a:active { color: blue; } </style> </head> <body> <div> <a href="https://www.baidu.com/" target="_blank">百度一下</a> </div> </body>
運行結果是：
1、初始，未訪問狀態
2、滑鼠懸停時狀態
3、點擊是狀態
4、點擊之后狀態
三、注意：有些瀏覽器，我們是訪問過的，所以：link設定的狀態是看不到的，要想看到的話，需要清除瀏覽器的快取記錄，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/120021.html
標籤：Html/Css