Как сделать такой фон при помощи css?
Это делается с помощью multi-gradient: background-image: -webkit-linear-gradient(45deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), -webkit-linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), url("../images/Wallpapers 1600x900.jpg");
    background-image: linear-gradient(45deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), linear-gradient(-45deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), url("../images/Wallpapers 1600x900.jpg");
    background-size: 2em 2em,
                     2em 2em,
                     100% 100%;
Вот здесь можно про это прочесть:
https://htmlacademy.ru/demos/8#step1
Псевдоэлемент :after c повторяющейся картинкой на фоне