html - 如何在图像标签上显示来自某个类的图像

Question

我的 html 中有一个图片标签:

<img class="fruit1" />

以及我的 CSS 中的以下内容:

.fruit1 {
  background-image: url('./images/apple.png');
}

但我无法显示实际图像，这是在 css 中分配图像并在 View 中显示的正确方法吗？

Answer 1

<style>
.fruit1 {
  background-image: url('./images/apple.png');
    height:100px;
    width:100px;
    background-repeat:no-repeat;
}
</style>

<img class="fruit1" />