css – 如何删除标题以上的空格?

前端之家收集整理的这篇文章主要介绍了css – 如何删除标题以上的空格?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个网站.我已经写了html部分,现在我正在编写样式表.但总有一些关于我的标题的空间.我不能删除它.任何帮助将不胜感激.提前致谢.我的html和css代码如下.
<header>
 <h1>OQ Online Judge</h1>
 <form action="<?PHP echo base_url();?>/index.PHP/base/si" method="post">
  <label for="email1">E-mail : </label><input type="text" name="email" id="email1">
  <label for="password1">Password : </label><input type="password" name="password" id="password1">
  <input type="submit" name="submit" value="Login">
 </form>
</header>

这是我的HTML代码.

body{
margin: 0px;
padding: 0px;
}
header{
margin: 0px;
padding: 0px;
height: 20em;
background-color: #C0C0C0;
}

这是我的css代码.

解决方法

尝试:
h1 {
    margin-top: 0;
}

你看到了margin collapsing效果.

猜你在找的CSS相关文章