Я хочу изменить размер фонового изображения, чтобы оно соответствовало ширине страницы, но я не знаю, возможно ли это. Это мой код:
#cabecera {
min-height: 400px;
background: url('https://placehold.it/1000x400') no-repeat 0;
text-align: center;
color: #fff;
}
<section id="cabecera">
<div class="contenedor">
<h1>Profesionales en tecnología de Desarrollo Web</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet unde perferendis repudiandae.</p>
</div>
</section>
Как изменить размер изображения в качестве фона, чтобы заполнить всю ширину страницы?
Я советую вам отделить свойство укороченного фона, которое у вас сейчас есть, вот так:
А разделить можно так:
И готово:
Здравствуйте, я представляю, что #header изображение это баннер размером 1000х400 Ваше изображение должно быть подогнано под размер ширины вашего контейнера, чтобы его было хорошо видно и не было потерь при просмотре страницы.
Возможно, вам просто нужно было сделать изображение шире с помощью
witdh
, и если вы хотите придать изображению больше дизайна, чтобы вместить его, вы можете поиграть сmargin-padding
: