WEB在线工具
在线画图
SVG在线工具
AI数据分析
菜鸟教程
AI集合
更多频道
邮箱导航
前端开发
媒体运营
科技网站
云服务器
办公软件
学术搜索
世界时间
PDF 工具箱
AI 应用
购物平台
在线测验
财经频道
银行机构
单位换算
体育频道
人民币汇率
颜色工具箱
CSS 按钮生成器
文字与字体
按钮文字
字体
Arial
Georgia
Courier New
字号
20px
文字颜色
文字阴影
启用
颜色
X / Y / 模糊
1
1
3
阴影与内边距
盒阴影
启用
颜色
X / Y / 模糊
0
1
3
内边距（上下）
10px
内边距（左右）
20px
四边独立
逐边设置
上 / 右
10px
20px
下 / 左
10px
20px
圆角与边框
圆角
28px
边框
启用
颜色
样式
实线 solid
点线 dotted
虚线 dashed
双线 double
宽度
2px
四边独立
逐边设置
上边框
solid
dotted
dashed
double
2px
右边框
solid
dotted
dashed
double
2px
下边框
solid
dotted
dashed
double
2px
左边框
solid
dotted
dashed
double
2px
背景
填充方式
渐变
纯色
起始色
结束色
颜色
悬停效果
悬停背景
渐变
纯色
起始色
结束色
颜色
悬停动效
轻微上移
放大
放大倍数
1.1
所有配置实时生成 CSS 代码，右上角“复制代码”即可取用。处理全程在浏览器本地完成。
按钮预览
鼠标悬停试试
Click me
生成的 CSS 代码
复制代码
textxx
×
xxx