1

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

base.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%;

}

4

3 回答 3

2

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

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

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

于 2019-12-05T01:50:47.683 回答
0

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

于 2019-12-05T02:26:00.677 回答
0

将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>

于 2019-12-05T02:23:00.877 回答