如何在CSS中调整背景图片的大小？

Question

下面是我的代码。 我不知道如何调整图像的大小，因为它只是一整行代码。 我是否创建新的代码行并使用标签？ 我不知道该怎么办。 有什么问题吗？

#centerpicture {
  min-height: 400px;
  background: url("Enderman_wallpaper.jpg") no-repeat;
  text-align: center;
  color: #ffffff;
}

精灵只显示一只眼睛，但应该显示为精灵的整个脸。

Answer 1

您可以使用以下属性之一来调整背景图像的大小：

background-size: cover; 
background-size: contain;
background-size: 30%; //using percentages
background-size: 100px 200px // using pixels

体验这些属性，看看最适合您的属性。 请参阅文档以获取更多信息。

要放置背景图像，请使用background-position属性。

代码风格：

您可以在单独的行上声明background属性，或使用简写语法 ：

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

您可以使用以下方法：

background: url('Enderman_wallpaper.jpg') 0%/30% no-repeat;