背景颜色填充和边距[重复]

Question

这个问题在这里已有答案：

• What are the default margins for the html heading tags (<h1>, <h2>, <h3>, etc.)? 4个答案

我想为H1和H2两种颜色的背景着色。我在H1和H2之间得到一个白色空间。怎么办？

    h1{
        border: 2px solid springgreen;   
        background-color: rgb(168,213,255); }

    #top{
        border: 2px solid  red;
        text-align: left; }

    #sub{
        border: 2px solid  orange;
        background-color: rgb(168,213,255) }

<div id="top">
            <h1> First Heading</h1>
            <h2 id="sub">Sub Heading</h2>
     </div>

Answer 1

如果您需要html和css的引用，我会将http://htmlreference.io和http://cssreference.io作为您的来源。

至于你的问题的答案：

两个h标签之间将存在余量空间问题

  h1,h2{margin:0;background-color:red;}
   .top{position:relative;top:200px}

这将解决您的问题。

我希望这对初学者有用。谢谢你，查看http://htmlreference.io和http://cssreference.io以获得更多帮助。

Answer 2

您必须删除元素之间的边距：

h1 {
  margin-bottom: 0;
}

h2 { 
  margin-top:0;
}

浏览器具有您必须考虑的默认值：

Browser Default Values