Html 重复图像周围的空白

Html 重复图像周围的空白,html,css,Html,Css,我试图用一个重复的图像制作一个好的标题,但由于某些原因,它周围有空白。我已经尝试了很多方法来删除它,你会在我的css中看到,但我无法找到它 我的索引文件基本上就是Div类的头文件 CSS 这就是我看到的 空白是HTML页面周围的默认填充。通过将以下内容添加到CSS中删除它: html, body { padding: 0; margin: 0; } 我刚刚测试了这个,您已经检查了主要的边距:0等,空白将出现在您的图像上 看看这个只是为了证明它不是代码 如果您是指围绕外部的

我试图用一个重复的图像制作一个好的标题,但由于某些原因,它周围有空白。我已经尝试了很多方法来删除它,你会在我的css中看到,但我无法找到它

我的索引文件基本上就是Div类的头文件

CSS

这就是我看到的


空白是HTML页面周围的默认填充。通过将以下内容添加到CSS中删除它:

html, body {
    padding: 0;
    margin: 0;
}


我刚刚测试了这个,您已经检查了主要的
边距:0
等,空白将出现在您的图像上

看看这个只是为了证明它不是代码


如果您是指围绕外部的间距,即主体边距:

html, body {
    margin: 0;
}
这将解决这个问题


因此,这将是您的最终版本(删除了所有不需要的
CSS


要删除周围的空白,请在CSS中添加以下代码

body{margin:0;padding:0}

这将从文档中删除边距或填充(一些浏览器使用边距,一些填充),并且您的标题将与窗口齐平。

此白色“边框”是由
html
body
元素的默认边距/填充引起的。也将其设置为0:

html, body {
   margin: 0px;
   padding: 0px;
}

您看到的填充物很可能来自主体,而不是标题。你需要这样做


body{padding:0;margin:0;}

你能为同样的内容创建一个jsfiddle吗?你能为你制作的body{padding:0;margin:0}的示例提供屏幕截图或jsfiddle并尝试一下吗?默认情况下
和/或
有一个由浏览器设置的边距,也许这就是你看到的?尝试
body,html{margin:0;padding:0;}
在您的CSW中使用相同的代码,我在它们之间找不到任何空格。Jsfiddle link填充的内容是什么?只有
边距
@Ruddy在所有浏览器中都是这样吗?我总是两者都用。比Sorry更安全我从未见过默认使用填充的浏览器,我认为没有。但我想不会痛。
html, body {
   margin: 0px;
   padding: 0px;
}