Question

我要为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

背景色填充和边距

2 个答案: