来自 CSS 的背景在 Base.html 中不起作用

Question

以下 base.html 代码未从同一文件夹中的 css 文件实现渐变背景。

基地.html：

<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" text="text/css" href="templates/css/style.css">
  </head>

<body>
<h1>hi</h1>
</body>
</html>

样式.css：

body {
background: linear-gradient(to bottom, #faaca8, #ddd6f3);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;

}

Answer 1

如果这不起作用，问题将是您引用的目录与您想要的 style.css 文件夹不同。 如果它在同一个文件夹中，请将链接中的href="style.css"更改为href="style.css" 。

这是假设您有一个包含 base.html 的文件夹，并且在 SAME 文件夹中，还有 style.css 样式表。

如果它基于根目录，您将使用/style.css ，或者在之前的文件夹中使用../foldername/style.css 。 有关更多信息，请阅读此处。

Answer 2

将css代码放在body标签中，或者你可以这样做

 body { background: linear-gradient(to bottom, #faaca8, #ddd6f3); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;

 <!doctype html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>hi</h1> </body> </html>

Answer 3

text="text/css" 应该是 type="text/css"

来自 CSS 的背景在 Base.html 中不起作用

问题描述

3 个解决方案

解决方案1
2 2019-12-05 01:50:47

解决方案2
0 2019-12-05 02:23:00

解决方案3
0 2019-12-05 02:26:00

来自 CSS 的背景在 Base.html 中不起作用

问题描述

3 个解决方案

解决方案1 2 2019-12-05 01:50:47

解决方案2 0 2019-12-05 02:23:00

解决方案3 0 2019-12-05 02:26:00

解决方案1
2 2019-12-05 01:50:47

解决方案2
0 2019-12-05 02:23:00

解决方案3
0 2019-12-05 02:26:00