以下基本.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%;
}
如果这不起作用，问题将是您引用的目录与您想要的样式.css文件夹不同。如果它在同一文件夹中，请将链接中的 href 更改为href="style.css".
这是假设您有一个带有 base 的文件夹.html并且在 SAME 文件夹中，还有 style.css 样式表 。
如果它基于根目录，则应使用/style.css或之前的文件夹，../foldername/style.css。有关更多信息，请阅读此处。
text="text/css"应改为type="text/css">
将 css 代码放在正文标签中，或者您可以这样做
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>