CSS3対応、CSSボタン作成ジェネレーターです。スマホデザインに最適です。
使い方は簡単♪3ステップ。
CSSとHTMLを貼りつけるだけで、簡単に素敵なボタンが作成できます。

sampleこんなCSSボタンが作れます。クリックすると同じボタンが簡単に作成できます♪

STEP1 選択

クラス名

テキスト内容

大きさ

横 px

縦 px

線

上　 下　 左　 右

サイズ

色　　

hover

角丸

サイズ

左上　右上

左下　右下

hover

変更時間

横移動　

縦移動　

ボタン背景

通常色

hover

ボタンの影

なし　 外側　 内側

色　　

横位置

縦位置

ぼかし

広がり

hover
なし　 外側　 内側

文字

太字　斜体

サイズ px

文字位置

通常色

hover

文字影

なし あり

色　　

横位置

縦位置

ぼかし

STEP2 プレビュー

背景色：

このボタンでOKなら、下のコードをコピーして貼り付けてください。

STEP3 コード

HTML

こちらのHTMLコードをコピーして貼り付けます。

CSS

こちらのCSSコードをコピーして貼り付けます。