我的代码:
<section id="servicios">
<div class="container" id="whachado">
<h1>ASDF</h1>
<h3>ASDF.</h3>
</div>
</section>
我的CSS:
#whachado{
position: relative;
text-align: center;
background-color: darkslategrey;
background-size: cover;
font-family: "Tahoma", sans-serif;
font-weight: bold;
color: white;
}
我已尝试background-size:100%
,但仍然在div周围留下空白区域。
答案 0 :(得分:0)
如果您希望将整个背景设置为该颜色,那么您只需设置身体背景颜色
body {
background-color: darkslategrey;
}
#whachado{
position: relative;
text-align: center;
background-size: cover;
font-family: "Tahoma", sans-serif;
font-weight: bold;
color: white;
}
答案 1 :(得分:0)
body标签带有预设余量(我不记得实际数字是多少),但需要将此设置为0以及带有自然边距的h1标签。以下代码可以解决您的问题。
html,
body{
margin:0;
}
h1{
margin:0;
}
#whachado{
position: relative;
text-align: center;
background-color: darkslategrey;
background-size: cover;
font-family: "Tahoma", sans-serif;
font-weight: bold;
color: white;
}