0

私のcssスキルは非常に弱いと言って始めましょう。

これがサイトです。すべてのコンテンツが表示されるように、この背景に余白を追加しようとしました。背景にマージンを使用できないことがわかりました。ここでのオプションは何ですか?

ここに私のHTMLがあります

<body>
    <div id="container">
        <nav id="navigation">
            <ul>
                <li><a href="index.html" id="btn">Homepage</a></li>
            </ul>
        </nav>
    </div>          
</body>

ここに私のcssがあります

body { 
    background: url('images/prices.jpg'); 
    min-height: 100%;
    height: 100%;
}

#btn {
    color: #FAF3BC;
    background: #4FB69F url('images/texture.png') no-repeat right bottom;
    padding: 15px 30px;
    margin: 150px 0px;
    border-top: 5px;
    border-radius: 25px;
    text-decoration: none;
    text-transform: uppercase;
}

ホームページのボタンにも問題があります。そこにもスペースが欲しいのですが、パディングやマージンなどをいくつか試しましたが、できませんでした...

助けていただければ幸いです....ピークを取りたい場合は、ここにライブページがありますhttp://brewstahs.com/menu.html

4

4 に答える 4

0

background-position 属性を試してみてください:

http://www.w3.org/wiki/CSS/Properties/background-position

于 2013-11-13T14:14:44.727 に答える
0

あなたのcssが機能しない理由はわかっています。CSS の最も基本的な使用法はレイアウトを作成することですが、DOM にコンテナーとフッターを表す div が含まれていても、それぞれが占める高さはそのコンテンツの高さと同じです (div コンテナーに高さを指定していないため)。 。要するに、

margin : 150px 0px は機能しません。親コンテナー (nav) にはマージンを提供するための高さがありません。したがって、nav と div に高さを指定すると機能します。

Firebug などのツールを使用して、レイアウトを確認し、どこが間違っているかを確認します。ではごきげんよう！！

于 2013-11-13T14:29:13.317 に答える
0

何をしたいですか？ボタンを移動する場合は、margin-top: 50px; を試してください。たとえば、btn の css で。このように、ボタンは 50 ピクセル下に移動します。Margin-left はボタンを右に移動します...

于 2013-11-13T14:18:06.890 に答える