css 好看的提交按钮 |jsp中如何引入css文件路径

/* CSS样式 */
button{
background-color: #4CAF50; /*按钮背景色*/
color: white; /*按钮文字颜色*/
border: none; /*去除边框*/
padding: 12px 24px; /*按钮内填充大小*/
cursor: pointer; /*添加光标效果*/
font-size: 16px; /*按钮文字大小*/
border-radius: 4px; /*圆角*/
text-transform: uppercase; /*将字母转换为大写*/
}
button:hover {
background-color: #3e8e41; /*鼠标悬停时按钮背景色*/
}
button:active {
background-color: #3e8e41; /*鼠标点击时按钮背景色*/
transform: translateY(2px); /*向下位移2px*/
}

上面的CSS样式设置了按钮的背景色、文字颜色、边框、内填充大小、圆角及其他样式效果。其中，按钮背景色和文字颜色可以根据需要进行调整，以适应所在的网页主题。还可以添加悬停和点击特效，使按钮更具交互性。

使用上述CSS代码并结合HTML代码，即可创建一个好看且交互性强的提交按钮。

提交

这样一个好看的提交按钮就完成了！通过使用CSS的样式效果，大家可以轻松地让网页中的按钮变得更加美观、扁平化、简洁化，让用户获得更佳的交互体验。