Html 如何使背景图像不重复？

我试图让图像在背景中显示为一个统一的图像。我做错了什么？谢谢

.content{
    background-color: gray;
    top: 0;
    position: relative;
    background-size: cover;
    left: 0;
    right: 0;
    bottom: 0;
    background:url(cropped.jpg);
    background-repeat: no repeat; 
}

---

将“不重复”更改为“不重复”，这应该可以解决问题。

您有一个拼写错误，在“不重复”中漏掉了一个破折号哇…我看到非常聪明的CSS解决方案获得1次投票，而这里一个拼写错误获得5？？？？