前端如何用css让span标签的背景用图片展示
时间: 2023-02-06 14:21:03 浏览: 412
span文字在左背景图片在右
可以使用 `background-image` 属性来设置 span 标签的背景图片:
```css
span {
background-image: url(image.jpg);
}
```
注意,如果要使背景图片显示正常,还需要设置其他相关属性,比如 `background-size`(背景图片的尺寸)、`background-repeat`(背景图片的平铺方式)等。
例如,可以使用以下代码让背景图片自适应 span 标签的尺寸,并且平铺整个背景:
```css
span {
background-image: url(image.jpg);
background-size: cover;
background-repeat: repeat;
}
```
希望这些信息能帮到你!
阅读全文