CSS 背景图像不显示HTMLCSSJS

问题描述 投票:0回答:1

我有这个代码:

<!DOCTYPE html>
<html>
<head>
<title>HTML CSS JS</title>
</head>
<body>
  <div class="image"></div>
</body>
</html>
.image {
   background-image: url('https://source.unsplash.com/VeFDw2uS8PM');
   height: 500px;
   width: 100%;

此链接中的信息https://dev.to/alexani_/how-to-link-unsplash-images-in-html-and-css-5dd5告诉您需要使用此模板将图像应用到代码中链接:https://source.unsplash.com/.....
实际上,我要应用的图像位于此处:https://unsplash.com/photos/gray-wooden-house-on-green-grass-field-under-white-sky-during-daytime-VeFDw2uS8PM

但是图像没有显示!

有关信息已在上面列出

html css background-image
1个回答
0
投票

根据您发布的代码,只有一个错误,那就是您错过了 CSS 代码中的右大括号。但不知道是错误还是打字错误。

.image {
   background-image: url('https://source.unsplash.com/VeFDw2uS8PM');
   height: 500px;
   width: 100%;
}
<!DOCTYPE html>
<html>
<head>
<title>HTML CSS JS</title>
</head>
<body>
  <div class="image"></div>
</body>
</html>

© www.soinside.com 2019 - 2024. All rights reserved.