how to load CSS file into jsp
Question
I created a jsp page as follows:
<%@ 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>
and named it as login.jsp
and i also created a css file called loginstyle.css and the code of the .css file is as follows:
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
the directory structure for css and jsp's are as follows: webcontent/welfare_web/css for .css files and webcontent/welfare_web/login for jsp files
the programming editor is eclipse and the server i am using is tomcat 7.0 . when i am trying to run the login.jsp file using tomcat server. The css file is not showing any effect. i mean the output is normal text and is not as per the CSS file.
please help me how to make the .css file to effect the jsp file.
6 answers
solution1
32 2013-04-03 10:31:31
You can write like that. This is for whenever you change context path you don't need to modify your jsp file.
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />
solution2
31 2011-09-12 02:32:06
css href link is incorrect. Use relative path instead:
<link href="../css/loginstyle.css" rel="stylesheet" type="text/css">
solution3
24 2017-10-01 19:42:42
我用这个版本
<style><%@include file="/WEB-INF/css/style.css"%></style>
solution4
10 2015-05-30 09:40:36
I had the same problem too. Then i realized that in the MainPageServlet the urlPatterns parameter in @WebServlet annotation contained "/" , because i wanted to forward to the MainPage if the user entered the section www.site.com/ . When i tried to open the css file from the browser, the url was www.site.com/css/desktop.css, but the page content was THE PAGE MainPage.jsp . So, i removed the "/" urlPattern and now i can use CSS files in my jsp file using one of the most common solutions ( ${pageContext.request.contextPath}/css/desktop.css ). Make sure your servlet doesn't contain the "/" urlPattern. I hope this worked for u too, - Axel Montini
solution5
0 2021-06-27 01:18:51
if everything seems correct, and despite it still does not work I invite you to load the statics files in the web.xml like this
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/includes/*</url-pattern>
</servlet-mapping>
after
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="/includes/asserts/css/bootstrap.min.css"/>
solution6
0 2022-07-20 09:04:48
使用它对我有用
<style><%@include file="/WEB-INF/view/style/style.css"%></style>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.