FAQ: Learn CSS Selectors Visual Rules - CSS Visual Rules - Color

This community-built FAQ covers the “Color” exercise in Codecademy’s lessons on CSS.

FAQs on the CSS exercise Color

Join the Discussion. We Want to Hear From You!

Have a new question or can answer someone else’s? Reply (reply) to an existing thread!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources about CSS in general? Go here!

Want to take the conversation in a totally different direction? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account, billing, Pro, or Pro Intensive? Reach out to our support team!

None of the above? Find out where to ask other questions here!

Other FAQs

The following are links to additional questions that our community has asked about this exercise:

  • This list will contain other frequently asked questions that aren’t quite as popular as the ones above.
  • Currently there have not been enough questions asked and answered about this exercise to populate this FAQ section.
  • This FAQ is built and maintained by you, the Codecademy community – help yourself and other learners like you by contributing!

Not seeing your question? It may still have been asked before – try searching for it by clicking the spyglass icon (search) in the top-right of this page. Still can’t find it? Ask it below by hitting the reply button below this post (reply).

In this lesson we covered the way in which you can change the background color of text using the background-color property, but things tend to look kind of ugly if the background is just a solid color.

Is there any way to change the opacity of background colors?

1 Like

you could use rgba (red, green, blue, alpha), where alpha is the o-capacity (from 0 (completely transparent) till 1 (solid))

1 Like

Ah. Alright. So you would have the background-color property and its value would be rgba(…,…,…,0.5) or something like that, and you would just remove the opacity property altogether, correct?

yes, then it would just be rgb color (i need to type at least 20 characters, so i couldn’t just type yes :wink: )

i typed

background-color: 255, 255, 255, 0.5

but no background-color is showing? only the color property is showing.

Edit:

Oh, I was actually able to figure it out. For those interested, I did…

background-color: rgba(255,255,255,0.5);

if somone would like to tell me where the image at the bottom of the page cames from ? there is no tag for it in the HTML File
is it on the CSS properties ??