如何使用CSS按钮生成器
- 设置文本、颜色和大小。
- 选择填充或轮廓和阴影。
- 复制 CSS 并将 class="button" 添加到您的链接或按钮。
无障碍按钮
该工具显示文本和背景之间的对比度。目标是至少 4.5:1，以便每个人都能阅读标签。 CSS 为键盘用户提供了可见的焦点轮廓，您应该保留它。
示例
对比度6.3:1
悬停时填充的透明按钮
134 · 设计与网页
CSS 按钮生成器
使用实时预览设置按钮样式、检查其对比度并复制完整的 CSS。
您的数据： 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情
CSS 按钮生成器
问题
我可以在链接上使用它吗？
是的。 CSS 适用于 class="button" 的 <a> 和 <button> 元素。