Question

我在页面中实现了可折叠。我想在可折叠的右侧放下箭头img而不是“ +”

我可以通过使用url（）来将img设置为大于“ +”。

button.accordion:after {
    content: url("download.jpg");
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

现在，如果我使用过CSS的url（），如何设置该图像的宽度和高度。需要您的宝贵思想。预先感谢！

对不起，但我不会将其视为重复的问题。我必须设置图像，但不能设置为background-img。

Answer 1

由于您无法为放置在content中的网址设置宽度和高度，因此可以使用backgound-image

通过以下方式进行设置

button.accordion:after {
content:"";
background-image: url('download.jpg');
display: inline-block;
background-size: 15px 15px;
width:10px;
height:10px
}

为了更好地理解，请遍历

div::before {
  content: url(image.jpg);
}

这实际上是页面上的图像。也可以是渐变。请注意，以这种方式插入时无法更改图像的尺寸。您还可以通过使用空字符串作为内容来插入图像，使其显示：以某种方式阻止，调整其大小并使用背景图像。这样一来，您可以将其调整为背景大小。有关更多信息，请参见Css-Tricks

在CSS中使用url（）时如何设置图像的宽度和高度

1 个答案: