4

我是 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 像素？

4

2 回答 2

11

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

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

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

于 2012-10-14T03:52:20.290 回答
0

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

左：200px；

（对于 div）

你也可以使用跨度

于 2012-10-14T03:53:05.327 回答