●CSSを使った角丸ボタン。コメントの囲みにも利用可能。
CSSのみの角丸枠線ありボタン
横サイズ130px固定
角丸ボタンCSS
角丸ボタンCSS


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

CSSのみの角丸枠線ありボタン2
横サイズ120px固定
角丸ボタンCSS
角丸ボタンCSS

inner、outerを入れ子にして
marginでそれぞれずらす。
もっともシンプルなCSS。
角のRは小さい。
CSSのみの角丸枠線ありボタン3
横サイズ130px固定
角丸ボタンCSS
角丸ボタンCSS

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


画像と CSSで角丸枠線無しボタン
横サイズ170px固定
角丸ボタン文字数は12

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