CSS是前端开发必不可少的一部分,其中之一是提示框。本文将介绍CSS中三种常见的提示框,包括警告框,成功框和错误框。警告框:.alert { padding: 15px; color: #a94442
CSS是前端开发必不可少的一部分,其中之一是提示框。本文将介绍CSS中三种常见的提示框,包括警告框,成功框和错误框。
警告框:
.alert { padding: 15px; color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; border-radius: 4px; }
上述CSS代码可以创建一个警告框,它具有红色文字和浅红色背景,还带有一个粉红色的边框。使用它来向用户发出警告信息。
成功框:
.success { padding: 15px; color: #155724; background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 4px; }
上述CSS代码可以创建一个成功框,它具有绿色文字和浅绿色背景,还带有一个淡绿色的边框。使用它来向用户显示成功信息。
错误框:
.error { padding: 15px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 4px; }
上述CSS代码可以创建一个错误框,它具有棕色文字和浅红色背景,还带有一个淡红色的边框。使用它来向用户显示错误信息。
以上就是CSS中三种常见的提示框。您可以根据自己的需要使用它们,来增强网站的交互性,让用户获得更好的体验。
粉丝
0
关注
0
收藏
0