java - ejemplo - cómo cargar el archivo CSS en jsp
spring boot static resources (4)
El enlace css href es incorrecto. Utilice la ruta relativa en su lugar:
<link href="../css/loginstyle.css" rel="stylesheet" type="text/css">
He creado una página jsp de la siguiente manera:
<%@ 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>
y lo nombré como login.jsp
y también creé un archivo css llamado loginstyle.css y el código del archivo .css es el siguiente:
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
La estructura del directorio para css y jsp es la siguiente: webcontent / welfare_web / css para archivos .css y webcontent / welfare_web / login para archivos jsp
El editor de programación es eclipse y el servidor que estoy usando es Tomcat 7.0 . cuando intento ejecutar el archivo login.jsp usando el servidor tomcat. El archivo css no muestra ningún efecto. Me refiero a que la salida es texto normal y no según el archivo CSS.
Por favor, ayúdame a hacer el archivo .css para efectuar el archivo jsp.
Puedes escribir así. Esto es para cuando cambie la ruta de contexto que no necesita modificar su archivo jsp.
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />
Yo también tuve el mismo problema. Luego me di cuenta de que en el parámetro MainPageServlet el parámetro urlPatterns en la anotación @WebServlet contenía "/" , porque quería reenviar a la página principal si el usuario ingresaba la sección www.site.com/ . Cuando intenté abrir el archivo css desde el navegador, la dirección URL era www.site.com/css/desktop.css, pero el contenido de la página era THE PAGE MainPage.jsp . Entonces, eliminé el "/" urlPattern y ahora puedo usar archivos CSS en mi archivo jsp usando una de las soluciones más comunes ( ${pageContext.request.contextPath}/css/desktop.css ). Asegúrese de que su servlet no contenga "/" urlPattern. Espero que esto te haya funcionado a ti también, - Axel Montini
Yo uso esta version
<style><%@include file="/WEB-INF/css/style.css"%></style>