Adding Background-color in the row of the table

HTML-CSS
1

selectors3
selectors31227Ă—926 74.6 KB

How to add background color as black and white in the row of table as that of above image? At the end , the table should look like the given image?

2

Can you post the link to the challenge or is this your own project?

3

Post your html and css file.

5

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Fruits Vegetables
Apple Potato
Orange Carrot
Tomato Parsnip
Kiwi Onion
Banana Beet
6

(This is from task 3)

7 
 tr:nth-child(odd) {
  background: #333;
  color: white; /* Set text color for better contrast */
}

I did this in the Code pen editor and also ran it on MDN.

8

As said, you can use the :nth-child() selector.

@robheyays As this is a learning project we should leave it to them as an exercise. I would suggest blurring your answer.

9

Ok is this the same as a spoiler? Also I guess Im a bit confused as to what I should of posted.

10

Yes, it is called “blur spoiler” in the menu. I can do it for you.

If you are asking if I think what you posted is a spoiler, then yes, in this context where it is a learning tutorial asking for a solution.

11

thanks .This really worked.