0

HTML と CSS を学んでいて、背景色が銀色の等幅ページを作成したいと考えています。また、固定幅領域の外側の背景色を黒にしたいと考えています。

問題は、固定幅領域の上 (見出しの上) に小さな黒い隙間があることです。この黒い隙間を取り除き、銀色に置き換えたいと思います。

これを解決するにはどうすればよいですか？

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Welcome to my Homepage</title>
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
        <div class="main">
            <h1>Welcome to my homepage.</h1>
            <p>This is just a test.</p>
        </div>
    </body>
</html>

CSS:

body {background-color: #000000;}
.main {
    width: 640px;
    margin: 0 auto;
    background-color: silver;
}
4

4 に答える 4

7

試す

body {padding:0; margin:0; background-color:#000; }
于 2012-10-14T12:22:21.080 に答える
0

試す：

border-width:0px;

ボーダーとマージンは2つの異なるものです...これがあなたにとって素晴らしい写真です：

http://dev.opera.com/articles/view/30-the-css-layout-model-boxes-border/

于 2012-10-14T12:23:22.807 に答える
0

このような問題は、HTML と CSS を記述するときによくあることです。これはよく議論されるテーマですが、リセット スタイル シートを使用することを強くお勧めします。

すべてのブラウザーには、要素が Web ページにどのように表示されるかに関する独自のルール セットがあります。スタイル シートのリセットは、ブラウザー固有のスタイルの影響を最小限に抑えるのに非常に役立ちます。つまり、コードがより論理的に読みやすくなり、何が起こっているのかを簡単に見つけることができます。特に問題がある場合。とはいえ、リセットされたスタイル シートを使用しても、プロジェクトには常にクセがあるため、常にクロス ブラウザー チェックを行う必要があります。

これは、最も広く使用されているリセット スタイル シートの 1 つです。

http://meyerweb.com/eric/tools/css/reset/

これを、style.css シートの Web サイト CSS の上に貼り付けるか、reset.css という新しいスタイルシートを作成して、site.css の前に参照します。

于 2012-10-14T12:50:11.593 に答える
0

以下で行うことができます：

body {margin:0; padding: 0; background-color:#000; } 

.main {   
position: absolute;
width: 640px;    
left: 50%;
margin-left: -320px;
background-color: silver; 
}
于 2012-10-14T12:34:29.610 に答える