如何使用图片

Question

我想知道你是否可以在div中使用金色背景，宽度为50px，高度为100px的文本，当你将鼠标悬停在方框上时，它会变为图像。

另外，我如何将它们彼此相邻对齐：

⬛️⬛️⬛️

⬛️⬛️⬛️

⬛️⬛️⬛️

用于在页面上的商店中使用类别的用途。

感谢。

Answer 1

试试这个

exit 1

Answer 2

＆＃13;

＆＃13;

.mainDiv{
  background-color:gold;
}
.mainDiv:hover{
  color:transparent;
  background-image:url('https://www.gstatic.com/webp/gallery3/1.png');
}

＆＃13;

<div class="mainDiv" height="200px" width="200px">
  Some Text<br><br>
  Some Text<br><br>
  Some Text<br><br>
  Some Text<br><br>
</div>

＆＃13;

＆＃13;

＆＃13;