使背景颜色朝向页面顶部并向两侧延伸

时间:2013-12-24 01:19:11

标签: html html5 css3

这部分代码可以在http://jsbin.com/OWIbOYAl/1/edit

找到
#header h1{
    color: #aaa; /*Gives header grey color*/
    background-color: #8F7AE0;
    border-bottom: 1px solid #aaa;

}

我知道我可以设置负余量,但还有另一种方法吗?为什么我的h1的背景颜色在其上方和侧面都有白色空间?

1 个答案:

答案 0 :(得分:0)

<body style="margin:0; padding:0;">

#header h1{
  color: #aaa; /*Gives header grey color*/
  background-color: #8F7AE0;
  border-bottom: 1px solid #aaa;
  margin:0; padding:0;
}

一般情况下,标签会从浏览器中冷却出来,并设置一些不为零的默认值,例如。在这种情况下,margin和or padding预先设置了一些非零值

这些默认值也可能因浏览器而异,因此最好习惯设置您正在使用的所有内容,而不是依赖默认设置。