html - 在背景图像上留出左边距

我刚学 CSS。我想做的是我想在 HTML 中放置背景图像。我的意图是我想留出 200px 的背景图片。我的代码共享如下，或者您可以查看此 jsfiddle:http://jsfiddle.net/benmore/D5sNs/

    <style type="text/css">

        body{
            margin-left:200px;
            background:#5d9ab2 url(https://lh5.googleusercontent.com/-ZBLYo1oD6bM/UHox3oBICxI/AAAAAAAAAgo/yCg6TcxLeC4/s358/img_tree.png) no-repeat top left;

        }

        .container {
            text-align:center;  
            width: 100px;
        }   


    </style>
    <title></title>
</head>
<body class="homepage">
    <div class="container">
        test
    </div>

</body>

我唯一的问题是背景一直向左关闭。我该怎么做才能让它从页面左边缘开始 200 像素？

最佳答案

将 background-position: 200px 0; 添加到您的 body 的 CSS

演示: http://jsfiddle.net/D5sNs/1/

background-position CSS 属性允许您将背景图像定位在容器周围。在这里阅读更多:http://reference.sitepoint.com/css/background-position

关于html - 在背景图像上留出左边距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12879141/