我有这个代码:
<!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
但是图像没有显示!
有关信息已在上面列出
根据您发布的代码,只有一个错误,那就是您错过了 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>