如何在HTML中创建响应式背景？

Question

如何制作这样的背景？sample。 Here's mine。 有人可以帮助我实现类似于此的响应背景。 谢谢！

Answer 1

您可以使用background-size: cover;。

body {
    background-image: url('http://static.vecteezy.com/system/resources/previews/000/094/491/original/polygonal-texture-background-vector.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

 .content{
   height: 300px;
   width: 300px;
   background-color: red;
 }

<a href="index.html"><button type='button' id='viewSubjectRating' class="button_position">Home</button></a>

<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>

Answer 2

在W3 Schools

处获取background-size: cover;.个更多信息