CSS按钮生成器
可视化设计 CSS 按钮样式，实时预览效果，一键复制 CSS 代码
文字
内容
颜色
背景色
文字色
悬停背景
边框
宽度
颜色
圆角
尺寸
左右间距
上下间距
字体大小
字重
阴影
启用
.btn {
background-color: #409eff;
color: #ffffff;
border: none;
border-radius: 6px;
padding: 10px 24px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s, box-shadow 0.2s;
&:hover {
background-color: #337ecc;
}
}预设：
☕ 请作者喝杯咖啡
如果这些工具对你有帮助，欢迎赞赏支持～
您的鼓励是我持续更新的最大动力
自愿赠与 ｜ 用于服务器维护 ｜ 不支持退款 ｜ 18岁以上
