The background-color property sets the background color of an element.
The background of an element is the total size of the element, including padding and border (but not the margin).
NOTE: background-color and color is different property , color property is used to set the color to the text, and when background-color is used to set the color of the element's background