スポンサード リンク
Thursday 2011/01/13

CSS角丸ボックスジェネレータサイトをまとめてみました

以前から角丸ボックスジェネレータは、いくつか紹介しているんですが、少しまとめてみました。CSS3に対応していないブラウザソフトでも、ちゃんと角丸で表示することができます。

IEではうまく表示できないですが、CSS3対応なら「CSS3プロパティジェネレーター」 とか「CSS Corners」がオススメです。

RoundedCornr
RoundedCornr: Rounded Corner and Gradient Generator
かなり前に紹介したRoundedCornr。背景をグラデーションにしたりボーダーカラーや太さも自由に変更できます。

 

CSS Rounded Box
CSS Rounded Box Generator
シンプルな角丸ジェネレータ、背景色だけを変更できます。5枚の画像を使用。

 

Spiffy Corners
Spiffy Corners - Purely CSS Rounded Corners
画像を使わないタイプ。背景の中に<P>タグなど入れると崩れやすいので注意。

 

Spiffy Box
Spiffy Box
固定サイズの角丸ジェネレータ。画像は一枚だけを使用。StepTwoの画像をダウンロードして使います。

 

SitePoint Tools
SitePoint Tools
4枚の画像を使います、ボーダーの設定はできません。HTMLがとてもシンプルなのでおすすめ。

 

Sweet Rounded Corners
Sweet Rounded Corners
CSSとJavaScriptを使った角丸ジェネレータ、ボーダーの太さやカラーの設定も可能。



スポンサード リンク
| posted by nao at 2011/01/13 | Comment(1) | TrackBack(0) | 素材・ジェネレータ|
この記事へのコメント
参考になりました。
これからのことを考えるとCSS3対応のボックスのほうがいいかもしれないですね!
Posted by れん at 2011年01月16日 16:17
▽ コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。