CSS 提示框（信息、成功、警告、错误）
选择提示类型、样式以及是否可关闭。预览会同时显示所有类型。
使用方法让重要信息不被错过
Tipos
可用语言: 
广告
CSS 提示框（信息、成功、警告、错误）: 用途
生成用于在网站或博客中突出一条信息的提示框：维护通知、订单确认、促销期限、表单错误，或正文中的小提示。可选择类型、四种样式（侧边框、完整边框、实心和细线）、圆角，以及是否带关闭按钮。
每种类型都有专属图标和标题，不只依赖颜色，文字颜色与背景也有良好的对比度。帮助页面还说明了在操作之后出现的提示（如提交表单）中何时使用 role="alert" 和 role="status"。
使用方法
- 勾选提示类型。
- 选择样式和关闭按钮。
- 复制 HTML 和 CSS。
使用场景
- 维护或促销通知。
- 表单消息。
- 文章中的提示和备注。
常见问题
role="alert" 和 role="status" 有什么区别？
role="alert" 会让屏幕阅读器立即播报提示，打断正在朗读的内容，适用于操作之后出现的错误，例如提交有问题的表单。role="status" 播报时不会打断，适用于成功消息。页面打开时就已存在的提示不需要这两者，本工具生成的就是这种。
为什么只靠颜色不够？
分不清红绿的人，或在单色屏幕上使用网站的人，仅凭颜色察觉不到差别。因此每种类型都有专属图标和标题，文字颜色与背景也有足够的对比度。
提交表单后如何显示提示？
在 HTML 中保留带 hidden 属性以及 role="alert"（错误）或 role="status"（成功）的提示框，事件发生时用 JavaScript 去掉 hidden。屏幕阅读器会在文字出现时将其播报。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。