背景不是100%的屏幕

时间:2015-06-05 17:31:36

标签: html css twitter-bootstrap

我的代码:

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

2 个答案:

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