0

私は最初のサイトをゼロから構築しています (サイトを維持したり、プログラムを使用してサイトを作成したことしかありません)。左。ここに私のHTMLがあります:

<html>
    <head>
        <title>Abbey Court Guest House</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="header">
            <p>About Us | Contact Us</p>
        </div>
    </body>
</html>

そして、これは私がやりたいことをぼんやりと行うCSSですが、すべてを左に揃えます:

.header {
    background-image:url('images/header.jpg');
    background-position: center;
    height: 250px;
    background-repeat: no-repeat;
    color: #73622b;
    width: 1000px;
    text-align: right;
    font-family: "Verdana", "Helvetica", "sans-serif";
}

を削除するとwidth: 1000px;、配置の問題は修正されますが、テキストが右端に押し出されます。

PSheader.jpgは幅 1000 ピクセル、高さ 250 ピクセルです。

これを修正する方法についてのアイデアはありますか?

4

1 に答える 1

1

「背景画像の上にとどまる」とはどういう意味かを明確にするためにコメントであなたに尋ねるのに十分な担当者がいないので、間違っていたら許してください。

p テキストを div の中央揃えにしますか?

ここにjsfiddleがありますhttp://jsfiddle.net/LGLKe/1/

于 2012-07-28T12:48:27.223 に答える