鼠标移动到链接的文本,最常见的用法之一

一个CSS链接

链接可以使用任何CSS属性（例如颜色，字体系列，背景等）来设置样式。

此外，链接的样式可以根据状态而有所不同。可以使用以下伪选择器：

a：link定义访问链接的常规样式

a：visited定义了访问链接的样式

a：活动点击链接，链接将被激活

a：hover当鼠标悬停时，链接的样式

下面的示例创建链接并在鼠标移到链接上时更改样式

html代码：

搜狗

css代码：

a：hover {color：red; }

执行结果如下：

这是鼠标在链接上移动时显示的样式

设置链接样式时，必须遵循以下规则：

a：hover必须位于a：link和a：visited之后

a：active必须在a：hover之后

默认情况下，文本链接在浏览器中带有下划线。

在处理链接文本时，CSS最常见的用途之一是删除下划线。在下面的示例中，text-decoration属性用于删除下划线。

html代码：

我的下划线已被删除！

css代码：

a.text-decoration：link {text-decoration：none;}

效果如下：

以下属性用于控制链接的样式：

border：none不会从包含链接的图像中删除边框

outline：没有删除IE中单击的链接行上的虚线边框

两种CSS自定义鼠标光标样式

css允许您将鼠标悬停在元素上时设置所需的光标样式。例如，您可以将光标更改为手形图标，帮助图标等，而不是默认指针。

在下面的示例中，当我们将鼠标移到span元素时，鼠标指针被设置为帮助图标。 （光标是光标的意思）

需要帮助吗？

效果如下：

cursor属性还有许多其他值。例如：

默认：默认光标

十字准线：光标显示为十字准线

指针：光标显示为手形图标

光标的值很多，所以我会用图片向大家展示：

通常，更改鼠标光标的外观是为了改善网站访问者的体验。但是，选择错误的光标样式也可能会引起误解。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-369227-1.html