CSS :hover 选择器，鼠标悬浮到元素文字链接上时的样式设置

CSS :hover 选择器，鼠标悬浮到元素文字链接上时的样式设置

实例

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

a:hover
{ 
background-color:yellow;
}

定义和用法

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

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

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

• a:link    {color:blue;}         //未访问
  

• a:visited {color:blue;}       //已访问

• a:hover   {color:red;}      //悬浮

• a:active  {color:yellow;}   //活动链接

实例1

将鼠标指针移动到这个链接上：94ip.com

实例2

请把鼠标指针移动到这些链接上。

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。