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