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>

但是页面顶部和正文之间有一行空间。

如何设置页面顶部的图像？

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

不要忘记border: none;放好

于 2013-07-23T13:16:55.730 回答
0

这是您的答案的一个技巧。您的p标签从a标签继承字体大小，因此将边距分配给 1em 的大小，这是父元素的字母 M 的大小，即a 标签 所以如果您将 a 的字体大小设置为 0那么 p 的 font-size 将为 0 ，因此边距也是如此。听起来很酷吧？这是一个工作小提琴... FIDDLE

a{
font-size:0pt;
}

警告：这仅用于演示目的，不应在实际工作代码中使用。

于 2013-07-23T13:43:03.937 回答
0

IMO，您的 css 属性还可以。作为

  • 边距在块元素的外部
  • 我们在块元素内部使用填充。

默认情况下，图像的底边与文本的基线对齐。

只是用来摆脱这个

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

希望它会有所帮助。

于 2013-07-23T13:22:43.340 回答