我对html和css很陌生。我正在尝试设置背景图像,但没有任何效果。我已经在我的 html 文件所在的文件夹中创建了一个文件夹,并且我还尝试使用图像属性上显示的直接路径。我尝试过的一切都没有奏效。我阅读了很多说明,在线观看了视频,等等,等等。希望有人能帮到我!它看起来很简单,但我在让它工作时遇到了很多麻烦。以下是我拥有一切的方式。
<html>
<head>
<style type="text/css">
body {background-image:url ("C:/Users/owner/Desktop/site files/images/grass.jpg");}
</style>
</head>
<body>
</body>
</html>
这可能与您的本地 URL 有关。将图像与您的代码放在一起并使用相对路径。
<style type="text/css">
body {
background-image: url("../images/grass.jpg");
}
</style>
注意:我还鼓励您避免使用空格或其他非常规文件名字符。
听起来很愚蠢,当 url 和 (
我还将文件链接更改为类似 "file:///C:/Users/user/Desktop/face.jpg"
的内容(在浏览器中打开所需的图像应该会导致地址栏中出现这种格式)
接下来我会给你建议:
1)在正文中添加一些东西,使页面不为空
<body>Some text</body>
2)路径中的名称中有空白符号(空格)的文件夹 - 这可能是问题!
我建议您将背景图像与HTML文件放在同一文件夹中,并以这种方式写入路径:
body { background-image: url('./grass.jpg'); }
请注意可在路径中使用的特殊标志:
./当前目录
../一个教区向上