css hover的用法

2024-01-18 10:43 小编

　csshover的用法

　　CSS:hover选择器定义和用法

　　:hover选择器用于选择鼠标指针浮动在上面的元素。

　　提示：:hover选择器可用于所有元素，不只是链接。

　　提示：:link选择器设置指向未被访问页面的链接的样式，:visited选择器用于设置指向已被访问的页面的链接，:active选择器用于活动链接。

　　推荐学习：CSS教程

　　注释：在CSS定义中，:hover必须位于:link和:visited之后（如果存在的话），这样样式才能生效。

　　实例：

　　选择鼠标指针浮动在其上的元素，并设置其样式：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　a:hover

　　{

　　background-color:yellow;

　　}

　　</style>

　　</head>

　　<body>

　　<ahref="http://www.php.cn">PHP</a>

　　<ahref="http://www.google.com">Google</a>

　　<ahref="http://www.wikipedia.org">Wikipedia</a>

　　<p><b>注释：</b>:hover选择器鼠标指针在其上浮动的链接设置样式。</p>

　　</body>

　　</html>

联络方式：

微信二维码

您感兴趣的内容