简介

按钮是用户交互的核心元素,用于触发操作或导航。以下为常见按钮类型及用途:

  • 主要按钮:执行核心操作(如“立即购买”)
  • ⚠️ 次要按钮:辅助功能(如“取消”)
  • 🟢 成功按钮:表示确认或完成(如“提交”)
  • 🔴 警告按钮:提醒风险(如“删除”)
primary_button

样式规范

类型 背景色 文字颜色 边框
默认 #007bff #fff
悬浮 #0069d9 #fff #ccc
点击 #0056b3 #fff #999
button_hover

使用示例

<button class="primary">确认操作</button>
<button class="secondary">查看详情</button>

扩展阅读

想了解更多按钮设计原则?点击这里查看按钮概述 获取基础用法和最佳实践。