CSSとPNG画像を使ってクールなWeb2.0風ボタンを実現
2007年06月01日-
スポンサード リンク
Scalable CSS Buttons Using PNG and Background Colors?|?David’s kitchen
ボタン画像を作成する際に、毎回、画像編集ツールでボタンを作らずとも、次のようなカッコいいボタンをCSSを使って実現する方法が書かれています。
ボタンの文字列が変わってもHTMLを変更するだけで新しいボタンが作れます。

これは覚えておいて損はないテクニックですね。
但し、残念ながらIE6ではうまく表示することが出来ません。
There has been a lot of talk about CSS buttons lately.CSSとPNG画像を使ってクールなWeb2.0風ボタンを実現。
ボタン画像を作成する際に、毎回、画像編集ツールでボタンを作らずとも、次のようなカッコいいボタンをCSSを使って実現する方法が書かれています。
ボタンの文字列が変わってもHTMLを変更するだけで新しいボタンが作れます。

これは覚えておいて損はないテクニックですね。
但し、残念ながらIE6ではうまく表示することが出来ません。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 2012年5月24日 管理人のブックマーク
- 立体感がリアルなON・OFFスイッチ実装jQueryデモ
- PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」
- 2012年5月23日 管理人のブックマーク
- PC・スマホ・タブレットで動くクールなHTML5スライドショー実装ができる「Juicebox」
- 既にここまで出来るWebGLのデモ22
- 2012年5月22日 管理人のブックマーク
- CSSな吹き出しを作れるWEBツール「cssarrowplease」
- PHP+Bootstrapで書かれた美しいGitリポジトリビューア「GitList」
- 2012年5月21日 管理人のブックマーク
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)



