如何缩放背景图像

Question

我有一个我正在使用的网站，我想要一个背景，中间是白色，网站上是另一种颜色，比如黑色。我做了一个这样的代码。

body { background-color: #000000; background-image: url('BackgroundImg.png'); }

现在我的问题是背景图像会拉伸以适合整个屏幕，我只希望它位于中间，具有特定的宽度尺寸。我该如何缩放背景图片才能做到这一点？

Answer 1

您可以使用 background-size 和 background-position 属性。

Answer 2

下面的代码给你居中的图像，没有重复，你可以通过给定位置

来调整位置

 body {
background-color: #000000;
background-image: url('BackgroundImg.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; }

尺寸调整：手动将 size-x, size-y 替换为图片尺寸

 body {
background-color: #000000;
background-image: url('BackgroundImg.png')size-x,size-y;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; }