如何在CSS中更改用“:: before”或“:: after”peudo-element插入的图像的大小

Question

如何更改CSS中使用image伪元素插入的::before的大小？

这是我的代码

.smile::before {
    content: url(../../../../Pictures/Smilie.jpg);
    height: 100px;
    width: 100px;
}

我错过了什么？

Answer 1

您好，为什么不将图像添加为背景图像并添加以下内容

.smile::before{
  content: ' ';
  background-image: url(../../../../Pictures/Smilie.jpg);
  background-size:contain;
  height: 100px;
  width: 100px;
 }

Answer 2

您问题的一个很好的解决方案是您必须将图像用作背景。

.smile::before{
   content: ' ';
   background: url(../../../../Pictures/Smilie.jpg);
   background-size:contain;
   height: 100px;
   width: 100px;
}