html - 如何在css上调用图像？

Question

我正在尝试使用 img 调用图像

这是我的代码:

<img src="/pc/images/leader.png">

是否可以将其放入 css 中？像这样的代码: 不使用背景图片。

CSS

.leader{
  src: /pc/images/leader.png;
}

html

  <img class="leader">

谢谢:)

Answer 1

没有。你不能用 css 做到这一点。

CSS 不使用前景图像。您只能使用背景图片。

但是，如果我理解您的问题，您可以使用 pseudo element 放置图像:

.leader::after{
   content: "";
   background: url(path.jpg) no-repeat;
   position:absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 300px;
}