如何在css和html中显示背景图像

如何在css和html中显示背景图像,html,css,Html,Css,我正在尝试使用css在html中的中显示背景图像。我使用XAMPP在本地托管,URL来自我的Imgur帐户。当我运行代码时,背景图像不会出现。你知道为什么图像不会显示吗 .bigsiled{ 背景图像:url(“https://imgur.com/haukzXN"); 背景重复:无重复; 背景尺寸:封面; 高度:500px; 宽度:700px; } DT专业地毯清洁和汉尼曼服务。 您的链接指向imgur网页;这是指向您的图像的链接: 因此,只需更改CSS类,如下所示: .bi

我正在尝试使用css在html中的
中显示背景图像。我使用XAMPP在本地托管,URL来自我的Imgur帐户。当我运行代码时,背景图像不会出现。你知道为什么图像不会显示吗

.bigsiled{
背景图像:url(“https://imgur.com/haukzXN");
背景重复:无重复;
背景尺寸:封面;
高度:500px;
宽度:700px;
}

DT专业地毯清洁和汉尼曼服务。
您的链接指向imgur网页;这是指向您的图像的链接:

因此,只需更改CSS类,如下所示:

.bigslide {
  background-image: url("https://imgur.com/haukzXN.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: 700px;
}

您使用了来自该站点的错误链接。您使用的链接不是图像的链接,而是联机查看图像的链接

用这个代替

.bigsiled{
背景图像:url(“https://i.imgur.com/haukzXN.jpg");
背景重复:无重复;
背景尺寸:封面;
高度:500px;
宽度:700px;
}


您需要给
大幻灯片
一些高度。添加高度和宽度并不能解决您的问题?