如何在css和html中显示背景图像
我正在尝试使用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
中显示背景图像。我使用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;
}
您需要给大幻灯片
一些高度。添加高度和宽度并不能解决您的问题?