如何缩放背景图像

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; }