repeating-linear-gradient()
Линейный градиент, повторяющийся как узор.
Сигнатура
repeating-linear-gradient(угол, цвет позиция, …)Повторяет заданный отрезок градиента — получаются полоски и штриховка. Здесь — диагональные полосы.
.stripes {
background: repeating-linear-gradient(45deg, #eee 0 10px, #ddd 10px 20px);
}