CSS 按钮生成器指南
按钮是任何页面上被点击最多的元素——承载着每一次注册、购买和下载。生成器提供 6 种样式（渐变、描边、立体、胶囊、发光、光泽），每种都带真实的悬停状态，并支持自定义颜色、圆角和内边距。
选择样式预设，调整颜色和滑杆，复制即可使用的 CSS。粘贴到 <style> 块中，给按钮元素加上 class="btn"，悬停效果自动生效。
专业提示
- 让按钮颜色与你的 CTA 主色保持一致，文字对比度至少 4.5:1（WCAG AA）以保证可读性。
- 始终添加可见的悬停状态——轻微上浮或阴影能确认按钮可点击，提升转化率。
常见问题
Q: 如何把按钮加到我的网站？
如何把按钮加到我的网站？将生成的 CSS 复制到 <style> 块中，然后在 HTML 里使用 <button class="btn">文字</button>。
Q: 为什么我的渐变按钮显示纯色？
为什么我的渐变按钮显示纯色？渐变需要起止两个颜色——确保两个取色器都已设置，且 background 属性没有被其他规则覆盖。
Q: 能改悬停效果吗？
能改悬停效果吗？可以——.btn:hover 块是独立的，可自由编辑或删除其中的 transform、阴影或背景行。
Q: 这些按钮是无障碍的吗？
这些按钮是无障碍的吗？是的。使用可读的对比度，并添加 :focus-visible { outline: 2px solid; outline-offset: 2px; } 让键盘用户看到焦点。
Q: 能在商业项目中使用这些按钮吗？
能在商业项目中使用这些按钮吗？完全可以——生成的 CSS 是原创的，个人和客户项目均可免费使用。
中国传统色
中国传统色源自「五色观」——青、赤、黄、白、黑，对应五行、方位与季节。古人从矿物与植物中提炼颜料，形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作，至今仍是设计师的灵感源泉。
胭脂 #9D2933古代妆饰与衣料的经典红色，由胭脂虫或红花制成
朱砂 #FF461F矿物颜料，故宫红墙与印章的常用色
竹青 #789262竹叶之色，文人雅士钟爱的清雅色调
月白 #D6ECF0月光般的淡蓝色，明清宫廷常服用色
藤黄 #FFB61E取自藤本植物汁液，国画重要黄色颜料
石绿 #16A951矿物孔雀石研磨而成，山水画中的绿色
墨色 #50616D书法用墨的深灰蓝色，文房四宝之色
Q: 什么是中国传统色？
什么是中国传统色？中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料，形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值？
中国红是什么色值？中国红属于朱砂色系，常用色值 #FF461F（朱红）或 #9D2933（胭脂）。故宫红墙更接近深红色 #A61B29。