CSS按钮在线制作

CSS 按钮实时预览

css button

CSS按钮效果 通过下面的设置以及上面的演示效果，选择合适自己需要的按钮特效

Color

Gradient:

Size

Font-Size:

Note: webkit browser (chrome/safari) need to add the following code when font-size smaller than 12px

html {
-webkit-text-size-adjust:none;
}

Boder-Radius:

Boder-Size:

Height:

Width:

Shadow (text) Use

Top:

Left:

Blur-Radius:

Shadow (button) Use

Top:

Left:

Blur-Radius:

Spread-Radius:

inset

Text

Bold

Code Result Style

CSS按钮能够让我们的页面内容中的按钮更加美化，比图片按钮体验更好

Select Color Themeclose

theme00 theme01 theme02 theme03 theme04 theme05 theme06 theme07 theme08 theme09 theme10 theme11 theme12 theme13 theme14 theme15 theme16 theme17 theme18 theme19 theme20 theme21 theme22 theme23 theme24 theme25 theme26 theme27 theme28 theme29