Question

我是HTML和CSS的新手。我正在使用一本名为 The Missing Manual，CSS3 的书，我不得不改变我想用作背景的图像的大小。为了帮助隔离问题，我编写了简单的HTML和CSS文件，但我仍然无法获得background-size属性来实际执行任何操作。图像显示OK，我可以更改重复，但无论我为背景大小（％或px）放置什么，图像的大小永远不会改变（更大或更小）。我也尝试过将图像更改为PNG，但仍然没有。 sprial.jpg图像尺寸为292x288像素 - 所以“小”，我最终可能不会使用它。

我正在使用Notepad ++编写代码，使用Chrome浏览器来查看代码。

HTML

<!DOCTYPE html>
<html lang="en">
  <link href="Background.css" rel="stylesheet">
  <body>
    <p> Hello
    </p>
  </body>
</html>

CSS

body {
   background-image: url(images/spiral.jpg);
   background-repeat: no-repeat;
   background-size; 50% 50%;
}

Answer 1

问题是分号，你写的是background-size;而不是background-size:。

Answer 2

上有拼写错误

backgroud-size: 50% 50%;

这应该可以正常工作。

注意：你应该添加一些插件来帮助你解决这种简单的语法错误。例如这一个：Css Explorer

我无法更改背景图片大小

HTML

CSS

2 个答案: