标题H1-H6空格

时间:2017-03-14 03:47:58

标签: heading

有没有办法去除h1-h6标题上方和下方的空白?保证金和填充不起作用。

检查codepen

谢谢!

request.protocol

css是

<div class="background">
  <h1>This is H1!</h1>
</div>

<div class="background">
  <h2>This is H2!</h2>
</div>

<div class="background">
  <h3>This is H3!</h3>
</div>

<div class="background">
  <h4>This is H4!</h4>
</div>

<div class="background">
  <h5>This is H5!</h5>
</div>

<div class="background">
  <h6>This is H6!</h6>
</div>

2 个答案:

答案 0 :(得分:0)

你将标题划分为多个部分!当所有元素都具有相同的样式时,不要使用'div'标签!

<div style = "background-color:yellow">
  <h1>This is H1!</h1>
  <h2>This is H2!</h2>
  <h3>This is H3!</h3>
  <h4>This is H4!</h4>
  <h5>This is H5!</h5>
  <h6>This is H6!</h6>
</div>

注意:标记中“background-color”的使用与代码中使用css相同。应该解决你的问题!

编辑

由于一些混乱,上面的答案不是Asker的意思(见评论),所以这是我的新答案。

你的目标是什么,不能完美地完成(根据我的经验),但如果你想要;您可以使用方框(图像)代替实际标题。

或,使用

<div class="background">
   <h1 style = "transform : scale(1,1.65)">This is H1!</h1>
</div>

有点俗气,不能很好地维护(如果字体改变,它不再完美适合) 见:related

答案 1 :(得分:0)

这会隐藏白色

<body style="background-color:orange;">
编辑凯文打败了我,他更好。洛尔