我想调整背景图像的大小以适应页面的宽度,但我不知道这是否可能。这是我的代码:
#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图片是一个1000x400的banner,你的图片一定要调整到你容器宽度的大小,这样才能看的很好,浏览页面的时候也没有损失。
可能您只需要使用 a 使图像更宽
witdh
,如果您想为图像提供更多设计以适应它,您可以使用margin-padding
: