本篇文章给大家带来的内容是关于CSS:hover选择器用法的简单介绍 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
:hover在鼠标移到链接上时添加的特殊样式。
提示: :hover 选择器器可用于所有元素，不仅是链接。
提示: :link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式 :active选择器设置当你点击链接时的样式。
注意: 为了产生预期的效果，在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后！！
<style media="screen">
.pagination li {
line-height: 25px;
list-style-type:none;
}
.pagination a {
display: block;
color: #f2f2f2;
text-shadow: 1px 0 0 #101011;
padding: 0 10px;
border-radius: 2px;
box-shadow: 0 1px 0 #5a5b5c inset,0 1px 0 #080808;
background: linear-gradient(top,#434345,#2f3032);
}
.pagination a:hover {
text-decoration: none;
box-shadow: 0 1px 0 #f9bd71 inset,0 1px 0 #0a0a0a;
background: linear-gradient(top,#f48b03,#c87100);
}
</style>
<body>
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
</body>相关推荐：
CSS:hover选择器_html/css_WEB-ITnose
Atas ialah kandungan terperinci CSS:hover选择器用法的简单介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Perbezaan antara nota kaki dan nota hujung
Perbezaan antara gelung while dan gelung do while
Apakah yang perlu saya lakukan jika imej CAD tidak boleh dialihkan?
Apakah perbezaan antara protokol TCP dan protokol UDP?
Sepuluh pertukaran mata wang digital teratas
Mana yang lebih berbaloi untuk dipelajari, bahasa c atau python?
Perisian mesin maya
Apakah prinsip dan mekanisme dubbo
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
