Question

截至目前，我在同一个jsp文件中使用css代码将背景图像设置到我的jsp页面，我通过将css代码映射到body标签来实现。有用。它就像：

<html>
<style>
body
{
    background:url(deploy/images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0;
    padding: 0;
}
</style>
<body id="body">
<h1>hello</h1>
</body>
</html>

以上jsp存在于web-inf文件夹中，我需要将css外部放在web-inf / deploy / css文件夹中，并在我所有其他jsps中使用外部css。

如何在web-inf / deploy / css文件夹中创建外部css，以及如何在所有其他jsps中将其引用为body标签。感谢。

Answer 1

这应该有效：

<html>
    <head>
        <jsp:include  flush="true" page="deploy/css_folder/body.css.jsp"/>
    </head>
    <body id="body">
        <h1>hello</h1>
    </body>
</html>

在body.css.jsp（在deploy / css_folder中）：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<style>
body
{
    background:url(../images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0;
    padding: 0;
}
</style>

Answer 2

创建文件

myCSS.css

你把你的css代码放在哪里。将此文件放在css文件夹中。然后在你的页面中你必须添加：

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

如何在jsp中使用外部css作为body标签

2 个答案: