如何将CSS文件加载到jsp中

e5njpo68 于 2022-10-22 发布在 Java

关注(0)|答案(7)|浏览(191)

我创建了一个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的目录结构如下：webcontent/welfareweb/css用于.css文件，webcontent/Welfareweb/login用于jsp文件
编程编辑器是eclipse，我使用的服务器是tomcat7.0。当我尝试运行登录时。jsp文件。css文件没有显示任何效果。我的意思是输出是正常文本，而不是按照CSS文件。
请帮助我如何制作.css文件来影响jsp文件。

Java

来源：https://stackoverflow.com/questions/7382607/how-to-load-css-file-into-jsp

7条答案

按热度按时间

llycmphe1#

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

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

赞(0）回复(0）举报 2022-10-22

62o28rlo2#

你可以这样写。这是因为无论何时更改上下文路径，都不需要修改jsp文件。

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

赞(0）回复(0）举报 2022-10-22

lbsnaicq3#

我使用此版本

<style><%@include file="/WEB-INF/css/style.css"%></style>

赞(0）回复(0）举报 2022-10-22

lfapxunr4#

我也有同样的问题。然后我意识到，在MainPageServlet中**，@WebServlet注解中的urlPatterns参数包含“/”**，因为如果用户输入了www.site部分，我想转发到MainPage。当我试图从浏览器打开css文件时，url是www.site.com/css/desktop。css，但页面内容是THEPAGEMainPage.jsp。因此，我删除了“/”urlPattern，现在我可以使用最常见的解决方案之一（${pageContext.request.contextPath}/css/desktop.css）在jsp文件中使用CSS文件。确保您的servlet不包含“/”urlPattern。我希望这对你也有用，-阿克塞尔·蒙蒂尼

赞(0）回复(0）举报 2022-10-22

bkhjykvo5#

如果一切看起来都是正确的，尽管仍然不起作用，我邀请你在网络上加载静态文件。像这样的xml

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>/includes/*</url-pattern>
</servlet-mapping>

之后

<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="/includes/asserts/css/bootstrap.min.css"/>

赞(0）回复(0）举报 2022-10-22

ax6ht2ek6#

用这个对我有用

<style><%@include file="/WEB-INF/view/style/style.css"%></style>

赞(0）回复(0）举报 2022-10-22

ffscu2ro7#

对于CSS：

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

对于JS：

<script type="text/javascript" src="js/bootstrap.js"></script>

文件位置：

└───src
    └───main
        ├───java
        └───webapp
            ├───css/bootstrap.css
            ├───js/bootstrap.js
            ├───META-INF
            └───WEB-INF/index.jsp
                └───lib

小时

赞(0）回复(0）举报 2022-10-22

我来回答

如何将CSS文件加载到jsp中

7条答案

相关问题

热门标签

最新问答