Background color in CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What CSS property is used to change the background color of an element?

The background-color property is used to set or change the background color of an element.

beginner

How do you set a background color to blue using CSS?

Use background-color: blue; inside a CSS rule to make the background blue.

beginner

Can you use color names, hex codes, and RGB values with background-color?

Yes! You can use color names like red, hex codes like #ff0000, or RGB values like rgb(255, 0, 0) to set background colors.

intermediate

What happens if you set background-color: transparent;?

The background becomes see-through, showing whatever is behind the element.

beginner

Why is it important to consider contrast when choosing a background color?

Good contrast between background and text colors helps people read easily and improves accessibility for everyone.

Which CSS property changes the background color of an element?

A color

B background-color

C font-color

D border-color

The background-color property sets the background color of an element.

How would you write CSS to make the background color red using a hex code?

A background-color: #ff0000;

B color: #ff0000;

C background: red;

D background-color: rgb(0,0,255);

Use background-color: #ff0000; to set the background to red using a hex code.

What does background-color: transparent; do?

A Adds a border

B Sets background to white

C Changes text color

D Makes the background invisible

It makes the background see-through, showing whatever is behind the element.

Which color format is NOT valid for background-color?

A font(12px)

B rgb(255, 255, 255)

C blue

D #00ff00

font(12px) is not a color format and cannot be used for background color.

Why should you choose background and text colors with good contrast?

A To use more colors

B To slow down the website

C To make text easier to read

D To hide the text

Good contrast improves readability and accessibility for all users.

Explain how to change the background color of a webpage using CSS.

Think about the CSS property and how you write a rule for the body element.

Why is it important to consider accessibility when choosing background colors?

Think about how colors affect how easy it is to see text.