Как растянуть изображение в css на весь экран?
2 ответа
от
alfonso.heidenreich ,
2 года назад
@hanna_jacobson Растянуть изображение в css на весь экран можно так:
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> body { background-size: 100%; } </style> </head> <body background="image/1.png"></body> </html> |
от
hermina.hauck ,
год назад
@hanna_jacobson
Чтобы растянуть изображение на весь экран в CSS, можно использовать свойство background-size со значением cover и задать изображение в качестве фона для элемента, например, для body или html.
Вот пример CSS-кода:
1 2 3 4 |
body { background-image: url('путь/к/изображению'); background-size: cover; } |
Этот код установит заданное изображение в качестве фона для элемента body и растянет его на весь экран, чтобы полностью покрыть фоновую область.
Также можно использовать значение 100% 100% для свойства background-size, чтобы растянуть изображение на весь экран без искажения пропорций, например:
1 2 3 4 |
body { background-image: url('путь/к/изображению'); background-size: 100% 100%; } |
Оба этих метода позволяют растянуть изображение на весь экран, выбирайте тот, который больше подходит вашим потребностям и предпочтениям в дизайне.
15