简介
按钮是用户交互的核心元素,用于触发操作或导航。以下为常见按钮类型及用途:
- ✅ 主要按钮:执行核心操作(如“立即购买”)
- ⚠️ 次要按钮:辅助功能(如“取消”)
- 🟢 成功按钮:表示确认或完成(如“提交”)
- 🔴 警告按钮:提醒风险(如“删除”)
样式规范
类型 | 背景色 | 文字颜色 | 边框 |
---|---|---|---|
默认 | #007bff | #fff | 无 |
悬浮 | #0069d9 | #fff | #ccc |
点击 | #0056b3 | #fff | #999 |
使用示例
<button class="primary">确认操作</button>
<button class="secondary">查看详情</button>
扩展阅读
想了解更多按钮设计原则?点击这里查看按钮概述 获取基础用法和最佳实践。