如何删除HTML标头上方的空格(边距)? [英] How can I remove space (margin) above HTML header?
本文介绍了如何删除HTML标头上方的空格(边距)?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在创建一个网站.
我已经编写了HTML部分,现在正在编写样式表.但是,我的标题上方总是有一些空间.如何删除它?
I have written the HTML part and now I am writing the stylesheet. But there is always some space above my header. How can I remove it?
下面是我的HTML和CSS代码.
My HTML and CSS code is given below.
body{
margin: 0px;
padding: 0px;
}
header{
margin: 0px;
padding: 0px;
height: 20em;
background-color: #C0C0C0;
}
<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>
推荐答案
尝试:
h1 {
margin-top: 0;
}
您正在看到保证金崩溃的效果.
这篇关于如何删除HTML标头上方的空格(边距)?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文