HTML 和 CSS 特定部分的背景图片

Question

我正在尝试获取图像以填充我正在制作的网页上的特定部分，但我找不到任何在线可用的内容。

.bigslide {
  display: block;
  position: relative;
  width: 100%;
  /*background: rgb(231, 231, 231);*/
  padding: 160px 0;
  color: #0ed1fb;
  animation: slideleft 2000s infinite linear;
  -webkit-animation: slideleft infinite linear;
}

.bigslide h1 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 20px;
}

.bigslide p {
  font-size: 20px;
}

<section id="bigslide">
  <div class="bigslide">
    <div class="container">
      <h1 class="slideup">Tigercraft01's High Quality Setups</h1>
      <p>Scroll down to read about me and what I do.</p>
    </div>
  </div>
</section>

我需要图像显示在随提供的代码段加载的文本后面。

Answer 1

我不确定为什么它不在您的 CSS 中，因为您正在尝试添加图片，但如果您想向您的部分添加背景图片，只需使用 :

.bigslide {
    background-image: url('http://lorempixel.com/g/500/500/');
    background-repeat: no-repeat;
    background-size: cover;
}

HTML 和 CSS 特定部分的背景图片

HTML and CSS Background image in a specific section

html

css

background-image