如何创建CSS悬停效果(Create CSS Hover Effects)？

CSS悬停效果的创建非常简单，基本的悬停效果可以通过许多其他选项快速而轻松地实现和修改。级联样式表（CSS）是一种用于创建用标记语言创建的文档的样式和布局的语言，它可以很容易地创建悬停效果。悬停效果是指文本、图像和...

CSS悬停效果的创建非常简单，基本的悬停效果可以通过许多其他选项快速而轻松地实现和修改。级联样式表（CSS）是一种用于创建用标记语言创建的文档的样式和布局的语言，它可以很容易地创建悬停效果。悬停效果是指文本、图像和，当鼠标控制的指针悬停在对象上时，或文档中的其他对象。CSS悬停效果通常是在CSS代码中创建的，可以快速有效地实现。手持计算机最容易创建的CSS悬停效果类型之一是，当例如，有人可能想创建一个文本链接，它看起来像标准文本，或者与页面其他部分的颜色不同，但是当“moused over”或“hovered over”时，它会被下划线或加上粗体。如何做到这一点，确切地说，将取决于页面上使用的确切编码，但在一个简单的例子中，CSS悬停效果可以添加到CSS规则中的“样式”部分中。为CSS悬停效果创建一个新的规则，使用要添加效果的对象的适当标记。例如，正在选择的文本可能是列表的一部分，也可能是在网页正文中选定的。在正文编码中，此文本应具有与之关联的特定标记。标记了此标记后，可以创建规则以为具有该给定标记的任何对象建立CSS悬停效果。例如，使用文本，如果您想在用户将鼠标悬停在某个链接上时使其成为下划线，则可以首先在正文代码中标记该链接，然后为该标记创建一个特殊规则在这个规则中，你可以指定文本应该是什么颜色，很容易使它从周围的文本中脱颖而出，并直观地表明用户可能希望将鼠标悬停在它上面，它将触发CSS hover效果。这个效果是通过在文本行的标记中创建一个“hover伪类”来添加的，如果是“a”，那么您将使用看起来像“a:hover{…}”的伪类，并在括号内显示所需的CSS悬停效果。使用前面的示例，如果所需的效果是在文本悬停时给文本加下划线，则它将在括号内显示“text decoration:underline；”可以为不同的对象创建不同的悬停效果，每个悬停效果都有一个特定的命令来创建效果，但在大多数情况下，过程是相似的

发表于 2020-08-07 08:37
阅读 ( 713 )
分类：电脑网络

如何创建CSS悬停效果(Create CSS Hover Effects)？

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »

推荐文章