有人可以帮我提供悬停标签吗?

问题描述 投票:-1回答:3

我正在尝试使这一行代码悬停,但是并没有在我希望其悬停的位置悬停。它徘徊在同一行。这是我拥有的html和CSS的代码。CSS:

.whitebox:hover{
  background: #a60505;
  width: 150px;
  height: 110px;
}

html:

      <h2> <a href="partsofdw.html" <br>
       Different <br>
       Parts of the <br>
       Internet </a></h2>
    </div>

而不是只执行div的命令,当我将鼠标悬停在同一行上时,它会执行代码,我不明白为什么。这是用来显示发生了什么的图像:image description

html css
3个回答
0
投票

尝试这个答案,如果这样不起作用,请分享您的完整代码:

CSS:

  .whitebox:hover{
    background: #a60505;
    width: 150px;
    height: 110px;
}

HTML:
    <div class="whitebox">
       <h2> <a href="partsofdw.html" <br>
       Different <br>
       Parts of the <br>
       Internet </a></h2>
    </div>

0
投票

请尝试以下代码,将鼠标悬停在容器上:

<!DOCTYPE html>
<html>
<head>
<style>
   h2:hover{
    background: #a60505;
    width: 150px;
    height: 110px;
}
</style>
</head>
<body>
    <div>
       <h2>
       <a href="partsofdw.html"><br>
       Different <br>
       Parts of the <br>
       Internet 
       </a>
      </h2>
    </div>
</body>
</html>

我希望以上代码对您有用。

谢谢。


-1
投票

您好,您在html代码中没有白盒类

© www.soinside.com 2019 - 2024. All rights reserved.