css三种提示框

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中三种常见的提示框。您可以根据自己的需要使用它们，来增强网站的交互性，让用户获得更好的体验。