gtxyzz

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

gtxyzz web技术 2022-07-06 644浏览 0

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

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

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。

继续浏览有关 html 的文章
发表评论