CSS · Exercise 1 of 5Next
Beginner
Paint with three colour formats
Style the page using three different colour formats.
Make the .title text the colour #e11d48 (a hex code). Give the .note box a black background at 50% transparency, written with rgb() and an alpha value, and white text. Give the .box the text colour hsl(142 76% 36%) and a 3px solid border that always matches its text colour by using currentColor.
What Check tests
- The title is the colour
#e11d48 - The note's background is black at 50% alpha
- The note's text is white
- The box's border is 3px solid
- The box's border follows its text colour, even when the text colour changes
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.