cómo cargar el archivo CSS en JSP

creé una página JSP de la siguiente manera:cómo cargar el archivo CSS en 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>

y nombró como login.jsp

y también he creado un archivo llamado CSS y loginstyle.css 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 de directorios de CSS y JSP de son los siguientes: webcontent/welfare_web/css para archivos .css y webcontent/welfare_web/login los ficheros 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 el resultado es texto normal y no es según el archivo CSS.

por favor ayúdame a hacer el archivo .css para efectuar el archivo jsp.

Fuente

2011-09-12 ylnsagar

css href El enlace no es correcto. Use la ruta relativa en su lugar:

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

Fuente

2011-09-12 02:32:06 Manny

muchas gracias. ayudó y funcionó ............ – ylnsagar

no olvides hacer clic en la casilla de verificación para aceptar esta respuesta :) – Manny

Puede escribir de esa manera. Esto sucede porque cada vez que cambie la ruta del contexto, no necesita modificar su archivo jsp.

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

Fuente

2013-04-03 10:31:31 kamal

Debo iniciar sesión, solo para votar. –

Tuve el mismo problema también. Entonces me di cuenta de que en el MainPageServlet el parámetro urlPatterns en la anotación @WebServlet contenía "/", porque quería reenviar a la página principal si el usuario ingresó en la sección www.site.com/. Cuando intenté abrir el archivo css desde el navegador, la url era www.site.com/css/desktop.css, pero el contenido de la página era THE PAGE MainPage.jsp. Por lo tanto, 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úrate de que tu servlet no contenga el "/" urlPattern. espero que esto funcionó para u también, - Axel Montini

Fuente

2015-05-30 09:40:36

Esto funciona, pero ¿cómo se asigna la ruta "/"? – Christian

Yo uso esta versión

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

Fuente

2017-10-01 19:42:42

Respuesta

Cuestiones relacionadas