为什么背景色：'#ff0000'；是“无效的属性值”？

Question

我不明白为什么背景色：‘ff0000’；是一个“无效的属性值”.

<div id="aside">
  <div id="buttons-panel" class="control-panel">
      ...
  </div>
  <div id="client-panel" class="control-panel">
      ...      
  </div>
</div>

强文本 CSS

#aside {

  background-color: '#ff0000';
  width: 25%;
  height: 75%;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 10;
}

Google工具

在这里输入图像描述

一切看起来都很好，除了背景色，我看不出有什么不对劲。谢谢

Answer 1

十六进制值不需要是字符串：

#aside {
  background-color: #ff0000;
  ...
}

Answer 2

您应该使用无引号的十六进制颜色，例如：background-color: #ff0000;。

Answer 3

您是否尝试删除引号，背景色值不是字符串：

#aside {
  background-color: #ff0000;
  width: 25%;
  height: 75%;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 10;
}