我正在创建一个网站.我已经写了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的效果.