创建在悬停时更改颜色的文本框

Question

我正在尝试为我的网站创建文本框超链接。我想要透明的盒子，直到我想要盒子改变颜色而不是文本。我想知道他们是否有办法做到这一点？

Answer 1

使用CSS，您想要将背景颜色：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;
}

很简单。