我真的希望你能帮助我,因为我花了 2 天时间寻找我的错误。我想将外部 css 样式表链接到我的 html 网站,但网站打开时没有 css 影响它。我已经验证了两个代码并检查了 1000 次拼写,但仍然不起作用。我尝试使用FF Chrome和IE:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset = "UTF-8"/>
<link rel="icon" type="image/png" href="bilder/favicon.png" />
<title>Die Hauskatze</title>
<link rel="stylesheet" href="css/stylesheet.css" type="text/css" />
</head>
样式表:
@charset "UTF-8";
body{
background: url(bilder/background.jpg);
}
img {
border: 4px black;
}
您的 CSS 文件可能位于 bilder
文件夹以外的其他文件夹中。请务必在路径中指定此项。例如,如果 css 文件在 css 文件夹中,则需要先转到一个文件夹,然后在 bilder 文件夹中。
body{
background: url("../bilder/background.jpg");
}
对于边框,您需要指定边框"样式"(实心、虚线等(
border: 4px solid black;
https://www.w3schools.com/cssref/pr_border-style.asp
您可以尝试在此处向URL添加引号
body{
background: url(bilder/background.jpg);
}
将其更改为:
body{
background: url("bilder/background.jpg");
}
如果这没有帮助,那么你的道路很可能是错误的。加载页面后,您可以在开发人员控制台中看到它。如果网址错误,您将收到一个错误,指出找不到img文件。