background-color属性可以设置元素的背景颜色。

例如，你想将一个元素的背景颜色改为green，可以在你的style里面这样写：

.green-background {
  background-color: green;
}

除了class属性，每一个 HTML 元素也都有id属性。

使用id有几个好处：你可以通过id选择器来改变单个元素的样式，稍后的课程中，你也会了解到在 JavaScript 里面，可以通过id来选择元素和操作元素。

id属性应是唯一的。浏览器不强迫执行这规范，但是这是广泛认可的最佳实践。所以，请不要给多个元素设置相同的id属性。

id不可以重用，只应用于一个元素上。同时，在 CSS 里，id的优先级要高于class，如果一个元素同时应用了class和id，并设置样式有冲突，会优先应用id的样式。

选择id为cat-photo-element的元素，并设置它的背景样式为green，可以在你的style标签里这样写：

#cat-photo-element {
  background-color: green;
}

注意在style标签里，声明 class 的时候必须在名字前插入.符号。同样，在声明 id 的时候，也必须在名字前插入#符号。

在style 创建class .开头名字{background-color: 颜色;} 在div输出class="名字" 添加背景颜色

id可以改变元素的样式 应是唯一。

class用.  id 用 #