3

画像付きのページがあります。ページの先頭に設定したい。

<HTML>
 <HEAD>
   <title></title>
   <style>
    html, body {
        margin: 0;
        padding: 0;
    }
   </style>
 </HEAD>
 <BODY style="background-color:#3baa35;" >
  <a href="" ><p align="center"><IMG border=0 src="home.PNG"  ></p></a>
 </BODY>
</HTML>

ただし、ページの上部と本文の間には 1 行のスペースがあります。

ページのトップに画像を設定するには？

4

5 に答える 5

6

いくつかのスタイルを入れてください:

p { margin: 0; padding: 0; }
于 2013-07-23T13:15:27.950 に答える
1

これは、ブラウザごとに独自のデフォルト CSS 値があるためです。Eric Meyer のリセット CSS を使用して、すべてのブラウザで同じ表示にすることができます :)

CSS のリセットへのリンク

于 2013-07-23T13:16:48.673 に答える
0

これがあなたの答えへのハックです。pタグはaタグから font-size を継承するため、親要素の文字 M のサイズである 1em のサイズにマージンを割り当てます。つまり、a タグ の font-size を 0 に設定した場合p の font-size は 0 になるため、余白も同様です。かっこいいですね。これが実用的なフィドルです... FIDDLE

a{
font-size:0pt;
}

警告: これはデモ用であり、実際の作業コードでは使用しないでください。

于 2013-07-23T13:43:03.937 に答える
0

border: none;入れることも忘れずに

于 2013-07-23T13:16:55.730 に答える
0

IMO、CSS プロパティは問題ありません。なので

  • マージンはブロック要素の外側にあります
  • ブロック要素の内側にはパディングを使用します。

デフォルトでは、画像の下端はテキストのベースラインに揃えられます。

これを取り除くために使用するだけです

 img {  /* Or a suitable class, etc. */
    vertical-align: bottom;
  }

それが役立つことを願っています。

于 2013-07-23T13:22:43.340 に答える