我正在处理一个网页，我有以下CSS：
body {
background: url('../images/numbers.png');
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width: 1024px;
height: 900px;
}
以及以下HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Index</title>
<link rel="stylesheet" href="css/common.css">
</head>
<body>
</body>
</html>
我已经为body（1024x900）设置了一个大小，但是我在浏览器上看到了这个页面，到处都是numbers.png（我的监视器分辨率比这个大）。
如何设置背景图像仅在主体内部（定义为1024x900）？
怎样才能把主体放在浏览器中间？
顺便说一下，image numbers.png比1024x900小。
最佳答案
身体是你在“包括左右空白”页面中看到的一切
你需要一个这样的容器div
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#container {
background: url('../images/numbers.png');
width: 1024px;
height: 900px;
margin: 0 auto;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Index</title>
<link rel="stylesheet" href="css/common.css">
</head>
<body>
<div id="container" >
<!-----page content goes here----->
</div>
</body>
</html>