在 HTML 中，alert 样式通常与 JavaScript 中的 alert() 函数一起使用，用于在浏览器中显示警告、提示或错误消息。以下是一个基本的 alert 样式示例：
<div class="alert alert-danger">
<strong>Error:</strong> This is an error message.
</div>在上面的示例中，alert 样式使用了 Bootstrap 框架中的 .alert 类，加上 .alert-danger 类来指定红色的背景色，表示这是一个错误消息。
.alert 类还有其他几个变体，包括 .alert-primary、.alert-secondary、.alert-success、.alert-info 和 .alert-warning，可用于表示不同类型的提示消息。
您还可以添加其他样式例如 padding、margin 或 box-shadow 来自定义您的警告消息。
以下是一些常见的alert样式：
- 默认样式：
.alert {
padding: 15px;
border: 1px solid #cecece;
border-radius: 4px;
background-color: #f8f8f8;
color: #333;
}- 成功样式：
.alert-success {
padding: 15px;
border: 1px solid #1e7e34;
border-radius: 4px;
background-color: #d4edda;
color: #155724;
}- 错误样式：
.alert-danger {
padding: 15px;
border: 1px solid #721c24;
border-radius: 4px;
background-color: #f8d7da;
color: #721c24;
}- 警告样式：
.alert-warning {
padding: 15px;
border: 1px solid #c87f0a;
border-radius: 4px;
background-color: #fff3cd;
color: #856404;
}- 信息样式：
.alert-info {
padding: 15px;
border: 1px solid #0c5460;
border-radius: 4px;
background-color: #d1ecf1;
color: #0c5460;
}发布者：luotuoemo，转转请注明出处：https://www.jintuiyun.com/116827.html
