Question: I can't seem to change the background color of a div I have in my HTML, here is what I have so far:

```html
<div class="footer">
  <div class="left-footer">
  </div>
  <div class="center-footer">
  </div>
  <div class="right-footer">
  </div>
</div>

```

```css
.footer {
  color: #FF0000;
  width: 100%;
}

```

Answer: 
You should be using `background` (shorthand) or `background-color` to change the background color.

Something like this would:

```
.footer {
    background-color: #fff;
}

```

You'll also need to add either something to the div to give it height, or declare at height for the div in CSS like so:

```
.footer {
    background-color: #fff;
    width: 100%;
    height: 30px;
}

```
You need to use the `CSS` property of 

```
background-color

```

*This adds color to the background of the selected element*

The property (`color`) which you have used adds *color to the foreground to the selected element i.e. it represents the color of the text*

```css
.footer {
  background-color: red;
  width: 100%;
  height: 30px;    /*Added just for demonstration purpose*/
}
```

```html
<div class="footer">
  <div class="left-footer">
  </div>
  <div class="center-footer">
  </div>
  <div class="right-footer">
  </div>
</div>
```