在Web应用开发中,经常需要在JSP页面中引入静态资源,如CSS样式表、JavaScript文件和图片等。以下是一个在Webinf目录下配置JSP页面导入静态资源的实例。
在Web应用的`WEB-INF`目录下创建一个名为`resources`的文件夹,用于存放静态资源。

1. 创建CSS样式表文件`styles.css`,放在`WEB-INF/resources`目录下。
```css
/* styles.css */
body {
background-color: f8f9fa;
font-family: Arial, sans-serif;
}
```
2. 创建JavaScript文件`scripts.js`,放在`WEB-INF/resources`目录下。
```javascript
// scripts.js
function myFunction() {
alert('Hello, World!');
}
```
3. 创建图片文件`image.jpg`,放在`WEB-INF/resources`目录下。
4. 在JSP页面中导入静态资源。假设JSP页面名为`index.jsp`,放在`WEB-INF`目录下。
```jsp
<%@ page contentType="







