Как сделать такой шахматные цвета?

Question

[Azers]

Как сделать чтобы так цвета были в ячейках вроде как через nth-child но не пойму до конца

Answer 1

[ffqs]

строки чередуют 2 цвета, а колонки 2 полупрозрачных цвета
пример https://codepen.io/ffqs/pen/WXLvGq

Answer 2

[svetlov97]

Очень просто если ты используешь тег .
У тебя каждая нечетная строка и каждый нечетный столбик имеют background:rgba(0, 0, 0, 0.2) и на местах их пересечения 0.2 и 0.2 прозрачности накладываютя друг на друга и получается 0.4

Вот, делай так:

tr:nth-child(odd){
    background: rgba(0, 0, 0, 0.2);
}
tr th:nth-child(odd){
    background: rgba(0, 0, 0, 0.2);
}

Comments

[svetlov97]

Если интересно можешь почитать про него тут htmlbook.ru/css/nth-child