使用CSS可以使图片铺满整个页面，而不会重复出现。以下是一个简单的示例，演示了如何使用CSS来使一张图片始终覆盖整个页面：
“`html
<!DOCTYPE html>
<html>
<head>
<title>图片铺满页面</title>
<style>
body {
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
</style>
</head>
<body>
<h1>图片铺满页面示例</h1>
</body>
</html>
在上面的代码中，大家使用了`background-size`属性来设置图片的的大小，其中`cover`值表示完全覆盖，也就是使图片完全显示出来。大家还使用了`background-repeat`属性来重复图片，以便使图片始终覆盖整个页面。最后，大家使用了`margin`和`padding`属性来使页面的其他元素居中。
2. 如何使用CSS控制图片的排列顺序
在一张图片铺满整个页面的情况下，大家可以使用CSS来控制图片的排列顺序。以下是一个示例，演示了如何使用CSS来使图片按照特定顺序排列：
“`html
<!DOCTYPE html>
<html>
<head>
<title>图片按照特定顺序排列</title>
<style>
body {
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
.container {
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 100%;
height: auto;
margin-bottom: 20px;
</style>
</head>
<body>
<div class=”container”>
</div>
</div>
</div>
</body>
</html>
3. 如何使用CSS使图片在页面的不同部分自适应大小
有时，大家需要使图片在页面的不同部分自适应大小，而不仅仅是铺满整个页面。以下是一个示例，演示了如何使用CSS来实现这种效果：
“`html
<!DOCTYPE html>
<html>
<head>
<title>图片自适应大小</title>
<style>
body {
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
.container {
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
background-size: cover;
background-repeat: no-repeat;
</style>
</head>
<body>
<div class=”container”>
</div>
</div>
</div>
</body>
</html>