Создание веб-страницы с одним фоновым изображением, а не с плиточным фоном

Чтобы создать веб-сайт с одним изображением в качестве фона, мы рекомендуем использовать приведенный ниже пример CSS в своем HTML-коде.



Чтобы реализовать приведенный выше код на своей веб-странице, скопируйте приведенные выше строки и вставьте их между разделами своей веб-страницы. Если вы используете редактор веб-страниц WYSIWYG, вам нужно будет щелкнуть ссылку или параметр, позволяющий вставить HTML-код перед вводом вышеуказанного кода. Наконец, этот пример использует картинку из Computer Hope. Если вы хотите использовать пользовательское изображение, замените выделенный в коде URL в коде на местоположение вашего изображения.

Чаевые

Если вы используете внешнюю таблицу стилей CSS, вы также можете скопировать часть тела приведенного выше примера в свой файл CSS.



Вставьте код выше здесь
пример



Чаевые

Многие пользователи могут захотеть создать одно большое изображение в качестве фона. Если вы планируете делать это, будьте внимательны к людям с более медленным интернет-соединением. Большие изображения требуют времени для загрузки и могут выглядеть неправильно с людьми, использующими меньший размер монитора или разрешение.

Заметка

Если вы хотите установить повторение фонового изображения, установите для свойства background-repeat одно из следующих значений:

  • repeat — повторяет фоновое изображение как по горизонтали, так и по вертикали.
  • repeat-x — повторяет фоновое изображение только по горизонтали.
  • repeat-y — повторяет фоновое изображение только по вертикали.
Ссылка на основную публикацию