У меня есть следующий:Изменение фона размера изображения с помощью HTML
<div style="container;background-image:url('/images/football.jpg');background-size:100% 100%;">
Я хотел бы, чтобы вручную настроить ширину и высоту изображения. В настоящее время у меня есть покрытие полной ширины div, но не полная высота. Есть ли способ вручную отрегулировать размер в процентном выражении, не сохраняя повторения изображения.
Как упоминалось «background-size:» Это то, что вы после, однако я думал, что просто добавлю немного полезного совета и укажу вам на W3schools.
http://www.w3schools.com/cssref/css3_pr_background-size.asp
только недавно я получил через веб-разработки в Uni и w3schools был самым полезным источником информации, которую я имел доступ (не говорите лектора, что). Если у вас есть привычка смотреть туда сначала, это поможет вам собрать кучу.
Также может быть интересно узнать, как использовать внешние таблицы стилей и связать их с вашим HTML.
Надеюсь, это поможет!
background-size: 100%;
отрегулирует изображение пропорционально 100% ширине области фона.
Если размер изображения меньше площади засветки затем использовать
background-size:cover;
растянуть его так, что область фона полностью покрыта фоновое изображение.
Если размер изображения greator тогда область фона используйте
background-size:contain;
, чтобы уменьшить его так, что фоновое изображение полностью помещается в область фона.