创建文本框，将其悬停时会更改颜色

Question

我正在尝试为我的网站创建文本框超链接。 我想要透明的盒子，直到将鼠标悬停在上面，然后我才想改变颜色但不改变文本。 我想知道他们是否可以做到这一点？

Answer 1

使用CSS，您需要将background-color：yourcolor添加到悬停伪类中。

这是给你的一个例子：

<!-- Here's the HTML -->
<div class="myDiv">
  <p>Here is some text and then you will be <a href="mylink.html">linking</a> to another site</p>
</div>

然后在您的CSS中，您将拥有：

.myDiv a:hover {
  background-color: red;
}

很简单