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

 2022-05-27    428  

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

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

实例2

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

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。

  •  标签:  

原文链接:https://77isp.com/post/968.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。