html - 外部 CSS 页面不工作

Question

我创建了一个名为 top.jsp 的 jsp 文件和一个名为 top.css 的 css 文件。我的问题是我的 top.jsp 没有显示 top.css 中指定的背景颜色。

top.css 中的代码

@CHARSET "ISO-8859-1";

body { 
    background-color: blue; 
    }

top.jsp 中的代码

<link rel="stylesheet" type="text/css" href="css/top.css"/>

要使背景颜色为蓝色，我需要做什么？

这是我的文件结构的图片:

Answer 1

你的 <link rel="stylesheet" type="text/css" href="css/top.css"/>语句正在寻找与 top.jsp 相同的 文件夹中的 css 文件夹文件。这意味着它在错误的地方寻找你的 css:目前它正在寻找 -> /jsp/css/top.css

您实际上希望它在文件夹结构中上升到 webapp 文件夹中的一个级别，然后进入 css 文件夹，因此您需要将 href 更改为 href="../css/top.css" (.. 带您进入 webapp 文件夹并离开 jsp 文件夹)。