#middle-box{ height: 475px; background: url("../img/HomePage1.jpg") no-repeat 30px center rgb(231, 211, 175); position: relative; }怎么修改这段代码里面的图片
时间: 2024-03-10 19:47:13 浏览: 110
要修改这段代码中的背景图片,可以把 `url("../img/HomePage1.jpg")` 中的图片路径替换成你想要使用的图片路径。如果你想使用的图片在 `img` 文件夹下,且图片名为 `newImage.jpg`,则可以将代码修改为:
```
#middle-box {
height: 475px;
background: url("../img/newImage.jpg") no-repeat 30px center rgb(231, 211, 175);
position: relative;
}
```
记得要保存修改后的代码,并将新图片保存在相应的文件夹中。
相关问题
把这段less代码,转换成scss代码:.select-box { height: 420px; overflow-y: auto; li { padding: 5px 0; i { float: right; padding-left: 24px; padding-right: 10px; color: #3195f8; font-size: 12px; cursor: pointer; background: url(~@/assets/images/next_level_active.png) no-repeat 10px center; border-left: 1px solid rgb(238, 238, 238); } a.active+i { color: rgb(197, 197, 197); background-image: url(~@/assets/images/next_level.png); pointer-events: none; } img { width: 14px; vertical-align: middle; margin-right: 5px; } } }
.select-box {
height: 420px;
overflow-y: auto;
li {
padding: 5px 0;
i {
float: right;
padding-left: 24px;
padding-right: 10px;
color: red;
}
}
}
转换后的 SCSS 代码如上。
阅读全文