Question

我想做这样的事情https://www.buylandingpagedesign.com/example/save-money-on-mortgage-consultant-business-service-lead-gen-effective-landing-page-design-017-th.jpg

但是，我无法将大小设置为背景图片而且我不知道为什么，这是我到目前为止所尝试的：

以下是我的代码（请在background-image:中插入您的图片）：

＆＃13;

.Header {
  background-image: url('../img/header-2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.Header-title {
  margin: 0;
  padding: 0 .5em;
  font-size: 5em;
}
.Header-description {
  padding: 0 .5em;
}

＆＃13;

<nav class="Menu">
  <ul class="Menu-list">
    <li class="Menu-item">Inicio</li>
    <li class="Menu-item">Productos</li>
    <li class="Menu-item">Servicios</li>
    <li class="Menu-item">Contacto</li>
  </ul>
</nav>

<header class="Header">
  <h1 class="Header-title">Toncan Digital</h1>
</header>

＆＃13;

请帮忙解决这个问题吗？

修改：

只需执行类似

的操作即可

header {
    height: 500px; // or more if you want
    width: 100%;
    background-size: cover; // or other, depends of the image and what you want
}

more options on background-size

如何设置背景标题的高度

0 个答案: