Skip to content

Help us create more tutorials! Make a donation using the Donate button or become a member using the button below to hide this banner and track your progress.

Background color – CSS



To change the background color of an element using CSS, use the background-color property:

selector {
  background-color: red;


You can use RGB, hex, HSL, and keyword values for the background-color property.


First, recreate the CSS code from the Demo section in your CSS file. Then try changing the value for the property.


background color on MDN

Back to: CSS Course > CSS Properties