Несколько способов создания диагональных линий и узоров в CSS:

1. Использование функции linear-gradient. 1 Она создаёт переход от одного цвета к другому в заданном направлении. 1 Первый необязательный аргумент определяет направление градиента. 1
2. Применение функции repeating-linear-gradient(). 2 Она создаёт линейный градиент, который повторяется по заданному шаблону. 2 Направление градиента можно задавать с помощью ключевых слов to top, to bottom, to left, to right, а также их комбинаций. 2
3. Использование свойства clip-path. 1 С его помощью можно создать закрытый многоугольник, который определяет видимую область элемента. 1 Например, для создания простой диагональной фоновой линии код будет таким: h1.simple-clip { width: fit-content; padding-right: 50px; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); }. 1

Выбор способа зависит от конкретных требований и предпочтений дизайнера.