DW中遇到expected RBRACE錯誤

.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%;
}

也不會顯示報錯。

例子的代碼和圖片文件夾放在一起，尋找路經就會短。

正式建網頁還是應該有一個站點文件夾，把代碼文件，圖片文件等等文件集中放置管理。應該就不會出現這個問題了。