我在将外部 css 程序(特别是来自 url 的背景图像)引用到我的 html 文件时遇到问题。我能够在内部实现 css,所以链接到网站的 url 不是问题。我看过类似的帖子谈论类似的情况,但我无法从他们那里解决我的问题。我对此很陌生,所以我猜这可能是非常愚蠢和简单的事情,但几个小时后我必须承认失败并屈服于无所不知的在线社区。 所以,这是我的 Practice.css 代码:
body{
background-color: whitesmoke;
background-image: url("https://static.pexels.com/photos/1562/italian-landscape-mountains-nature.jpg");
background-repeat: no-repeat;
background-size: 1400px 750px;}
这是我的 Practice.html 代码:
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSS/Practice.css"/>
</head>
<body>
</body>
</html>
“CSS”是 Practice.css 所在文件夹的名称。 提前致谢。
最佳答案
您的 css 文件可以位于网络上的任何其他位置。但是当您处理直接在计算机上引用的文件时,您可能会遇到一些问题。
为确保一切正常,请尝试确保您的 css 文件夹与 html 索引文件的根目录不同。
但是你的具体情况你的 CSS 链接应该是
<link rel="stylesheet" type="text/css" href="../CSS/Practice.css"/>
一旦 HTML 文件夹和 CSS 文件夹共享同一个根目录,html 文件和 css 文件将直接断开连接。该路径应首先指向 HTML 和 CSS 文件夹所在的根目录,即 ../ 然后指向 css 文件夹和文件 ../CSS/Practice.css
关于html - 从外部 css 文件到 html 实现背景图像(链接到网站 url),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35471990/