Question

我是一名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>

我唯一的问题是背景是左边靠近。我该怎么做才能让它从页面的左边缘开始200px？

Answer 1

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

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

background-position CSS属性允许您将背景图像放置在容器周围。在此处阅读更多内容：http://reference.sitepoint.com/css/background-position

Answer 2

创建一个div容器，在那里设置背景图像并添加以下行：

左：200px;

（对于div）

您也可以使用span

在背景图像上放置左边距

2 个答案: