• Вы здесь

    Как вставить фоновое изображение в HTML с помощью CSS?

    Нейро

    Ответ создан на основе результатов поиска

    Чтобы вставить фоновое изображение в HTML с помощью CSS, нужно использовать свойство background-image 13. Оно позволяет добавить изображение в качестве фона для выбранного элемента 1.
    Синтаксис:
    selector { background-image: url("image.jpg");}
    1. В строке можно указать относительный путь к изображению на сервере или абсолютный URL для изображения в интернете 1.
    Некоторые дополнительные свойства для настройки фонового изображения:
    • background-repeat:
      • background-repeat: repeat;
        — значение по умолчанию, изображение повторяется по горизонтали и вертикали 1;
      • background-repeat: repeat-x;
        — повторяется только по горизонтали 1;
      • background-repeat: repeat-y;
        — повторяется только по вертикали 1;
      • background-repeat: no-repeat;
        — отображается только один раз без повторения 1.
    • background-size:
      • background-size: auto;
        — отображается в своём естественном размере 1;
      • background-size: cover;
        — масштабируется так, чтобы полностью заполнить фон элемента, возможно, обрезая его 1;
      • background-size: contain;
        — масштабируется так, чтобы полностью поместиться в фон элемента без искажений 1.
    Если нужно растянуть фоновое изображение на весь размер окна браузера, следует использовать свойство
    background-size: 100%
    2.