一、概述
在这个实例中,我们将学习如何使用HTML和CSS来美化JSP页面中的提交按钮。我们将通过添加样式和图片来实现一个具有专业外观的提交按钮。
二、准备工作
在开始之前,请确保您已经安装了以下软件:

- JSP开发环境(如Apache Tomcat)
- 文本编辑器(如Notepad++)
三、步骤
1. 创建JSP文件
创建一个新的JSP文件,命名为`submitButton.jsp`。
2. 添加HTML和CSS
在`submitButton.jsp`文件中,添加以下HTML和CSS代码:
```html
/* 按钮样式 */
.submit-btn {
background-color: 4CAF50; /* 背景色 */
color: white; /* 文字颜色 */
padding: 15px 32px; /* 内边距 */
text-align: center; /* 文本居中 */
text-decoration: none; /* 去除下划线 */
display: inline-block; /* 块级元素 */
font-size: 16px; /* 字体大小 */
margin: 4px 2px; /* 外边距 */
cursor: pointer; /* 鼠标样式 */
border: none; /* 去除边框 */
border-radius: 5px; /* 圆角 */
}
/* 鼠标悬停样式 */
.submit-btn:hover {
background-color: 45a049;
}









