JSP中的内联CSS样式

Question

I am trying to render THIS in JSP. I want the styling to be inline right now as I am in the early stages of development .

My JSP code is

<%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %><%
%><%

<style type="text/css">
.line {
width:70%;
}
.line:after {
content:'';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: 8px;
left: 45%;
}
.line:before {
content:'';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 1;
top: 9px;
left: 45%;
}
</style>
<%@include file="/apps//global.jsp"%>
<hr class="line">
%>

I am certain the css styling is fince as it renders correctly in fiddle.

Is there a way I can fix this? Any help is much appreciated. Thanks much.

Answer 1

为每个部分定义css的类，并将其包括在

Answer 2

No you cannot put CSS directly into the JSP, it doesn't work that way. You need to import a css file into the jsp using jstl core tags. Refer to this link on how to do it step by step, it describes how to add css to a jsp in a Spring MVC project.