外部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在错误的地方：目前正在寻找 - ＆gt; /jsp/css/top.css

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