有没有办法去除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>
答案 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;">