.hero-box{
height: 338px;
background-color: #FF00D7;
background-image: url(Exercise Files/images/hero-image.jpg);
background-size: cover;
margin: 1%;
}
编写.css文件时总会在 background-image: url(Exercise Files/images/hero-image.jpg); 这一行报错Expected RBRACE at line:30,col 56.并且盒子的背景图片显示不出来，但是把鼠标放在代码行上是可以看到图片的。
上网查阅可能与缺“}”有关系，但是方法并不奏效，索性将图片拖到桌面重新找一下路径：
.hero-box{
height: 338px;
background-color: #FF00D7;
background-image: url(hero-image.jpg);
background-size: cover;
margin: 1%;
}
报错消失并且预览显示背景图。可能与路径过长有关系。因为我是照着一个例子做的，例子的代码是这样的：
.hero-box {
height: 338px;
background-color: #FF00D7;
background-image: url(images/hero-image.jpg);
background-size: cover;
margin: 1%;
}
也不会显示报错。
例子的代码和图片文件夹放在一起，寻找路经就会短。
正式建网页还是应该有一个站点文件夹，把代码文件，图片文件等等文件集中放置管理。应该就不会出现这个问题了。
原文：https://www.cnblogs.com/zhaoxuan8/p/10349709.html