如何将css文件加载到jsp中?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (90)

我创建了一个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>

并将其命名为login.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的目录结构如下: .css文件的webcontent / welfare_web / css和 jsp文件的webcontent / welfare_web / login

编程编辑器是eclipse,我使用的服务器是tomcat 7.0。当我试图运行使用tomcat服务器的login.jsp文件。该css文件没有显示任何效果。我的意思是输出是正常的文本,并不是根据CSS文件。

请告诉我如何使.css文件生效jsp文件。

提问于
用户回答回答于

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

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />
用户回答回答于

CSS href链接不正确。使用相对路径代替:

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

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励