我知道这是一个基本且直接的问题,但是似乎无法让我的 html 文件读取 css 文件并且背景图像不起作用。
这是我的 CSS:
body, html {
background-image: url(images/background.jpg);
width: 100%;}
这是我的 HTML:
<link rel="stylesheet" href="../static/style.css" />
文件树:
网络/ 静止的/ 文件.css/
网络/模板/ 文件.html
网络/图像/ 图片.css
最佳答案
CSS 可以很好地加载(假设 file.html
的 URL 是 /templates/file.html
并且您不只是将它用作服务器端模板对于不同的 URL)如果你的文件名正确(它是 file.css
而不是 style.css
)。
width: 100%
应该应用并创建一个(短)水平滚动条,但不应该有任何其他效果。
图像不会加载,因为 URL 相对于样式表 并且 /static/images/background.jpg
不存在(根据您的目录结构) .
关于html - 如何访问 HTML 中的 CSS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38964066/