你如何调整在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

玩弄这些属性，看看最适合你。请参阅documentation以获取更多信息。

要定位你的背景图片，使用background-position属性。

代码风格：

您可以在单独的行声明background性能，或使用shorthand syntax：

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;