Как вставить картинку фоном в html?
Как вставить картинку фоном в html?
2 ответа
от
fredy ,
2 года назад
Для того, чтобы вставить картинку фоном в html, нужно прописать:
1 2 |
<body background="путь к картинке"> </body> |
Примечание: Фоновое изображение рекомендуется задавать не с помощью HTML, а с помощью CSS. В таком случае код будет более правильным. Подробнее, как вставить картинку фоном в CSS читаем здесь.
от
laney_johnson ,
год назад
@anahi_abshire
Чтобы вставить картинку фоном в HTML, вы можете использовать тег style внутри тега div, указав свойство background-image. Например:
1 2 3 |
<div style="background-image: url('image.jpg');"> Текст и другие элементы </div> |
Вы также можете использовать тег body для того, чтобы установить фон для всей страницы:
1 2 3 4 5 |
<style> body { background-image: url('image.jpg'); } </style> |
Чтобы настроить внешний вид фона, вы можете использовать следующие свойства:
- background-repeat: определяет, как повторяется фон. Например, repeat (по горизонтали и вертикали), repeat-x (только по горизонтали), repeat-y (только по вертикали) или no-repeat (не повторяется).
- background-position: определяет, где находится фон. Например, left top, center center или right bottom.
- background-size: определяет размер фона. Например, cover (чтобы заполнить все доступное пространство) или contain (чтобы поместить все изображение
15