如何将 CSS 文件加载到 jsp 中

2022-09-01 07:58:34

我创建了一个jsp页面,如下所示:

<%@ page contentType="text/css" %>
<html>
<head>
<title>Login page</title>
<link href="/css/loginstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1> India welfare</h1>
<p> welcome </p>
</body>
</html>

并将其命名为登录名.jsp

我还创建了一个名为loginstyle的css文件.css.css文件的代码如下:

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

css 和 jsp 的目录结构如下:webcontent/welfare_web/css 用于 .css 文件,webcontent/welfare_web/login 用于 jsp 文件

编程编辑器是eclipse,我使用的服务器是tomcat 7.0。当我尝试使用tomcat服务器运行登录.jsp文件。css 文件未显示任何效果。我的意思是输出是普通文本,而不是CSS文件。

请帮助我如何使.css文件以影响jsp文件。


答案 1

css href 链接不正确。请改用相对路径:

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

答案 2

你可以这样写。这是每当您更改上下文路径时,您都不需要修改jsp文件。

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />

推荐