Colour the text — practice exercise

What you'll be asked to do

1. 1.Colour the textexercise · easy · 10 min

   Make the #box text red.

   Passes when: Make the #box text red.

2. 2.Colour the backgroundexercise · easy · 10 min · practice plan

   Give #box a teal background.

   Passes when: Give #box a teal background.

3. 3.Colour a borderexercise · easy · 10 min · practice plan

   Give #box a 2px solid goldenrod border.

   Passes when: Give #box a 2px solid goldenrod border.

4. 4.Make text invisibleexercise · easy · 10 min · practice plan

   Set the #box text colour to transparent.

   Passes when: Set the #box text colour to transparent.

5. 5.Pair text and backgroundexercise · medium · 10 min · practice plan

   White text on a navy background.

   Passes when: White text on a navy background.

6. 6.Fix the misspelled colour namebug fix · easy · 8 min

   That is not a recognised colour keyword.

   Passes when: That is not a recognised colour keyword.

7. 7.Fix the wrong propertybug fix · easy · 8 min · practice plan

   The background should be teal, not the text.

   Passes when: The background should be teal, not the text.

8. 8.Fix the border with no stylebug fix · easy · 8 min · practice plan

   A border with no style is not drawn.

   Passes when: A border with no style is not drawn.

9. 9.Fix the British spellingbug fix · easy · 8 min · practice plan

   The CSS property is spelled color.

   Passes when: The CSS property is spelled color.

10. 10.Fix the wrong colourbug fix · easy · 8 min · practice plan

    The background should be navy, not maroon.

    Passes when: The background should be navy, not maroon.

Between them these tasks cover Named colors, Text and background color and transparent.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.