0

グラデーションの背景を作成し、中央に無地のカラー ボックスを作成して、テキストを入力しようとしています。私のコードは以下のとおりです。うまく動作しますが、無地のカラー ボックス (本体) がブラウザの上部と同じ高さではなく、間に少しスペースがあります。どうやってこれを取り除くのですか？

html {
    text-align: center;
    background-color: #FFF;
    background-image: url(../../Public/Documents/Business/Running%20Companies/Enlightenment%20Project/Website/images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;

    }

body {
    background-color: #FFFFFF;
    height: 768px;
    width: 1024px;
    margin: auto;
    }

**アップデート

以下の作業コード:

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    background-color: #FFF;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
}

/*
 * Removes default margin.
 */

body {
    margin: auto;
    background-color: #FFF;
    height: 768px;
    width: 1024px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 25px;
}
4

1 に答える 1

1

@loktar がコメントしたようmargin: 0に、本文に a を試してください (申し訳ありません @loktar、ここに新しい)

これらの小さな問題を取り除くために、すべてのプロジェクトでnormalize.cssを使用することをお勧めします。

于 2012-09-10T01:37:48.040 に答える