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>

私の唯一の問題は、背景が左に閉じたままになっていることです。ページの左端から200pxで開始するにはどうすればよいですか？

4

2 に答える 2

11

background-position: 200px 0;あなたbodyのCSSに追加する

デモ： http： //jsfiddle.net/D5sNs/1/

CSSプロパティを使用すると、コンテナのbackground-position周囲に背景画像を配置できます。詳細はこちら： http： //reference.sitepoint.com/css/background-position

于 2012-10-14T03:52:20.290 に答える
0

div-containerを作成し、そこに背景画像を設定して、次の行を追加します。

左：200px;

（div用）

スパンも使えます

于 2012-10-14T03:53:05.327 に答える