在HTML中，
图片作为背景是很常见的。然而，很多人都会遇到
一个问题，那就是
图片在背景时平铺了整个
页面，看起来非常不美观。那么怎么
解决这个问题呢？
首先我们需要使用CSS来控制背景
图片的样式。具体步骤如下：
1. 在CSS中，为需要
添加背景
图片的元素选择器
添加如下样式：
选择器 {
background-image: url('
图片地址');
}
2. 接着在选择器中
添加如下
代码，这里的no-repeat指的是背景图不被平铺：
选择器 {
background-image: url('
图片地址');
background-repeat: no-repeat;
}
3. 最后，在选择器中
添加如下
代码，它指定了背景
图片在元素中的位置：
选择器 {
background-image: url('
图片地址');
background-repeat: no-repeat;
background-position: center;
}
这样，我们就成功地让背景
图片不再平铺，而是
显示在元素的中心位置。
以下是完整的CSS
代码：
```
选择器 {
background-image: url('
图片地址');
background-repeat: no-repeat;
background-position: center;
}
```
需要注意的是，如果我们想让背景
图片显示在整个
页面中心位置，我们可以将选择器改成body：
```
body {
background-image: url('
图片地址');
background-repeat: no-repeat;
background-position: center;
}
```
以上就是关于HTML中
图片背景不平铺的详细介绍，希望对大家有所帮助。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
