Html 无法确定如何指定背景url网页

Html 无法确定如何指定背景url网页,html,css,Html,Css,我试图拍摄一张图片,并在我的网页顶部重复它,但我甚至无法让它显示出来。我不知道如何正确指定url 我需要单引号围绕网站名称 <!DOCTYPE html> <html> <head> <style> html { background: url(fromthehartle.freeservers.com/images/CatTopBorder.gif) no-repeat center fixed; background-size:

我试图拍摄一张图片,并在我的网页顶部重复它,但我甚至无法让它显示出来。我不知道如何正确指定url

我需要单引号围绕网站名称

<!DOCTYPE html>
<html>
<head>
<style> 
html { 
  background: url(fromthehartle.freeservers.com/images/CatTopBorder.gif) no-repeat center fixed; 
  background-size: cover;
}

body { 
 color: white; 
}
</style>
</head>
<body>


<p>sample text</p>

</body>
</html>

我无法显示你的GIF,可能是因为它没有通过https。我在支持https的服务器上重新上传了该图像。您需要从正文中删除白色,否则您将无法看到文本

html{ 背景图像:urlhttps://i.ibb.co/bK2yczN/cat.png; 背景尺寸:封面; } 示例文本


URL以http://或https://或其他一些在本例中不太可能相关的内容开头。投票以主题外的方式结束,因为问题本质上是一个打字错误。在正文上用白色背景覆盖背景图像也不会有帮助。@Quentin该URL上有资产的Web服务器未配置为支持https。话虽如此,我更新了我的答案以反映一个解决方案,但实际上您在答案周围添加了内容并使用了协议。这是修复它的原因,而不是HTTPS的问题,因为无论哪种方式,图像都很好-只是没有在一个和另一个上进行加密。@something这里的图像即使使用
<!DOCTYPE html>
<html>
<head>
<style> 
.header { 
   background-image: url("http://fromthehartle.freeservers.com/images/CatTopBorder.gif");
   height:100px;
}

body { 
 color: white; 
}
</style>
</head>
<body>
<div class='header'>

<p>sample text</p>

</body>
</html>