8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。IE7でのキャプチャ※角丸、ボックスシャドウ、テキストシャドウなどは非対応ホバー時・アクティブ時にも繊細なスタイルが用意されています。9[ad#ad-2]ボタンの実装HTMLHTMLは非常にシンプルで、最小限の構成となっています。<span>Button</span></a>CSS:ボタンのベースCSSはボタンのベースとなるスタイルシート、各カラーを適用するスタイルシートに分けます。下記はカラーがブルーのスタイルシートです。#4477a1;}Webkit系ブラウザでの記述方法Webkit系ではCSS3グラデーションの記述方法が変わり、Firefoxと同様にシンプルになりました。