以下是一个简单的JSP页面示例,它使用了CSS来设置DIV的布局。在这个例子中,我们将创建一个包含两个主要部分的页面:一个标题和一个内容区域。
```jsp

/* 设置整个页面的字体样式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* 设置页面的宽度 */
.container {
width: 800px;
margin: auto;
}
/* 设置标题样式 */
.header {
background-color: 333;
color: fff;
padding: 10px 0;
text-align: center;
}
/* 设置内容区域的样式 */
.content {
padding: 20px;
background-color: f4f4f4;
margin-top: 10px;
}
/* 设置侧边栏的样式 */
.sidebar {
background-color: ddd;
padding: 20px;
margin-right: 20px;
}
/* 设置侧边栏的标题样式 */
.sidebar h3 {
background-color: 555;
color: fff;
padding: 5px 0;
}









