Как написать путь к картинке в css

Укажите относительный путь, иными словами "путь относительно расположения css файла" у вас следующая структура проекта www - корень проекта. css1 и img - дочерние каталоги. Картинка находится в папке img. Т.к. css файл находится в папке css1

1. Начинаем перемещение относительно расположения style.css, полный путь к которому "/www/css1/style.css", иными словами, мы сейчас находимся в "/www/css1/"
2. "../" Переходим из каталога css1 в родительский каталог - www;
3. "../img/" Из родительского каталога переходим в каталог img;
4. "../img/underwater.png" Указываем нужный файл.

"../img/underwater.png" - Результат.

Почитайте подробней про относительные и абсолютные пути, и про то, как используются ключи путей "/", "..", "./", и у вас все встанет на свои места.

Просто перенесите файл со стилями в папку www и указывайте путь так:

background-image: url(img/underwater.png);