Question

我的代码：

<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周围留下空白区域。

Answer 1

如果您希望将整个背景设置为该颜色，那么您只需设置身体背景颜色

body {
    background-color: darkslategrey;
}   
#whachado{
    position: relative;
    text-align: center;
    background-size: cover;
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
    color: white;
}

Answer 2

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;
}

背景不是100％的屏幕

2 个答案: