标签 javascript html css
<分区>
我在我的页面中实现了可折叠。我想在可折叠的右侧放下箭头 img 而不是“+”
我可以使用 url() 如下设置 img 而不是 '+'。
button.accordion:after {
content: url("download.jpg");
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}
现在，如果我使用了 css 的 url()，我该如何设置该图像的宽度和高度。 需要您的宝贵意见。提前致谢!
抱歉，我不会将其视为重复问题。我必须设置图像但不能设置为背景图像。
最佳答案
由于content中的url无法设置宽高，可以通过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中阅读更多关于这个的内容。
关于javascript - 在css中使用url()时如何设置图片的宽高，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56645927/