CSSのみの角丸枠線ありボタン

文字部の上下に
<b>タグの多重入れ子。
枠線ありのタイプ。

CSSのみの角丸枠線ありボタン2

inner、outerを入れ子にして
marginでそれぞれずらす。
もっともシンプルなCSS。
角のRは小さい。

CSSのみの角丸枠線ありボタン3

左右のみborderでラインを描く、
高さ1pxなのでドットに。
それを横サイズを変えて、
文字部の上下に並べる

画像と CSSで角丸枠線無しボタン

4隅に10×10ドットの画像を
使用した横サイズ固定ボタン。
CSSで横サイズ変更可能。