一尘不染

如何删除HTML标头上方的空格(边距)?

css

我正在创建一个网站。

我已经编写了HTML部分,现在正在编写样式表。但是,我的标题上方总是有一些空间。如何删除?

我的HTML和CSS代码如下。

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>

阅读 282

收藏
2020-05-16

共1个答案

一尘不染

尝试:

h1 {
    margin-top: 0;
}

您会看到保证金崩溃的影响。

2020-05-16