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年2月10日 管理人のブックマーク
- ブラウザ上でPDFを表示するJSライブラリ「PDF.js」
- 次世代の検索フォームを作成するjQuery&CSS3サンプル
- 2012年2月9日 管理人のブックマーク
- faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」
- ページめくりを実現するためのjQueryプラグイン集
- 2012年2月8日 管理人のブックマーク
- HTMLをアップするとCSSのスケルトンを自動生成してくれる「bearcss」
- HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」
- 2012年2月7日 管理人のブックマーク
- 過去のエントリ



















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




