PHP中文网css学习手册之html中的a标签悬停

本文主要讨论html标签，该标签可使鼠标悬停以更改颜色，以及其他样式的css来控制鼠标悬停。有详细的示例教程，可以使每个人都更快地学习，让我们一起看一下本文。

首先，让我们看一下鼠标悬停在html中的标记的颜色：

当鼠标悬停时，每个人都应该知道html中a标签的css属性。是的，今天我们在谈论它。

：悬停：这是我使用a标记谈论CSS样式时所说的。鼠标悬停功能仍然很多。今天，我们将讨论悬停时html中a标签的颜色变化。这应该是每个人都常用的。

首先让我们看一下完整代码的示例：

这里是PHP中文网

这是基本代码，它定义了link_1名称。效果是，当鼠标悬停在文本上时，文本将更改颜色。

让我们看看Google Chrome中的显示效果：

大家好，这是尚未设置鼠标的效果，现在让我们看一下鼠标的效果：

这是向上移动鼠标的结果，与我们的设置完全相同吗？

现在我们已经结束了关于悬停和更改颜色的效果的讨论，让我们来谈谈悬停的其他三个效果。让我们一起看看：

如上所述，当将鼠标悬停在鼠标上时，我们可以做很多事情。我们现在将一起展示它们。 （如果您想了解有关CSS样式的更多信息，请转到PHP中文网站CSS学习手册专栏进行学习）现在让我们看一下代码和效果

html标记CSS控件样式的完整代码：

这里是PHP中文网
这里是PHP中文网
这里是PHP中文网

如上所述，我们设置了三个CSS样式代码，第一个用于更改颜色，第二个用于增加颜色，第三个用于更改背景。

让我们一一看一下这些效果。看到第一个之后，让我们直接看第二个：

如图所示，这是一个尚未移动的外观，现在我们将鼠标放在第二个连接上以查看效果：

这是戴上它的效果。显然60像素具有很大的优势，但是您可以尝试使用较小的像素并且它可以工作。现在，让我们看一下第三个：

第三个效果如图所示。将鼠标放在其上时，它变成红色背景。因为我们设置了红色，所以显示了红色背景。这种效果仍然很明显。

好的，以上是我们在本文中所说的html标签的鼠标悬停颜色变化和其他样式的鼠标悬停（如果您想了解更多关于CSS样式的信息，请转到PHP中文网站CSS学习手册专栏学习）。有疑问的人可以在下面提问。

[小编推荐]

如何在CSS中设置无序列表？ CSS列表样式摘要

如何使用CSS设置文本的背景颜色？ CSS设置背景色代码的详细说明

以上是标记悬停在鼠标上时HTML标签如何改变颜色，而CSS的详细内容控制了标签鼠标的悬停样式。有关更多详细信息，请注意php中文网站上的其他相关文章！

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