基础设置

文字:
css类名:
高度:
px
宽度:
px
字体颜色:
启用渐变颜色:
背景颜色:
鼠标浮动颜色:
渐变开始颜色:
渐变结束颜色:

字体设置

字体大小(font-size):
px
字体粗细(font-weight):
字体家族(font-family):

边框

圆角设置:
左上角 右上角
左下角 右下角
圆角大小:
px
边框宽度(border-width):
px
边框颜色(border-color):

阴影

水平阴影的位置(h-shadow):
px
垂直阴影的位置(v-shadow):
px
模糊距离(blur):
px
阴影尺寸(spread):
px
阴影颜色(color):
内部阴影(inset)
html代码 复制
{{form.htmlStr}}
css代码 复制

按钮 css 生成器

按钮 css生成器,是在线生成按钮样式按钮生成器,生成的css button可以支持跨浏览器。

如何生成按钮样式

按钮样式生成器可以生成漂亮的、自定义的button css。在左边可以自定义按钮的高度、宽度、背景颜色、字体、字体颜色、按钮阴影、按钮阶梯颜色、边框、按钮圆角等,同时也可以在示例中选择一款中意的按钮,然后再右边的获取代码页签,复制对应的css 按钮的html和css代码,放到自己的代码中。

支持的浏览器

支持的浏览器包括 Google Chrome, Firefox, Safari, Opera and Internet Explorer各个版本和其他以这些为内核的浏览器,