我正在尝试使这一行代码悬停,但是并没有在我希望其悬停的位置悬停。它徘徊在同一行。这是我拥有的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
尝试这个答案,如果这样不起作用,请分享您的完整代码:
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>
请尝试以下代码,将鼠标悬停在容器上:
<!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>
我希望以上代码对您有用。
谢谢。
您好,您在html代码中没有白盒类