Чтобы создать веб-сайт с одним изображением в качестве фона, мы рекомендуем использовать приведенный ниже пример CSS в своем HTML-коде.
Чтобы реализовать приведенный выше код на своей веб-странице, скопируйте приведенные выше строки и вставьте их между разделами своей веб-страницы. Если вы используете редактор веб-страниц WYSIWYG, вам нужно будет щелкнуть ссылку или параметр, позволяющий вставить HTML-код перед вводом вышеуказанного кода. Наконец, этот пример использует картинку из Computer Hope. Если вы хотите использовать пользовательское изображение, замените выделенный в коде URL в коде на местоположение вашего изображения.
Чаевые
Если вы используете внешнюю таблицу стилей CSS, вы также можете скопировать часть тела приведенного выше примера в свой файл CSS.
Вставьте код выше здесь
пример
Чаевые
Многие пользователи могут захотеть создать одно большое изображение в качестве фона. Если вы планируете делать это, будьте внимательны к людям с более медленным интернет-соединением. Большие изображения требуют времени для загрузки и могут выглядеть неправильно с людьми, использующими меньший размер монитора или разрешение.
Заметка
Если вы хотите установить повторение фонового изображения, установите для свойства background-repeat одно из следующих значений:
- repeat — повторяет фоновое изображение как по горизонтали, так и по вертикали.
- repeat-x — повторяет фоновое изображение только по горизонтали.
- repeat-y — повторяет фоновое изображение только по вертикали.