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

问题描述 投票:0回答:2

我想为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>
css html5
2个回答
0
投票

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

至于你的问题的答案:

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

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

这将解决您的问题。

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


0
投票

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

h1 {
  margin-bottom: 0;
}

h2 { 
  margin-top:0;
}

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

Browser Default Values

© www.soinside.com 2019 - 2024. All rights reserved.