5.6.2. CSSスプライト

CSSスプライトを作って見ましょう

スプライト画像

以下の画像をスプライトとして使います。

サンプル

CSSスプライトのデモです。いろいろ試した結果こういう実装になりました。改行テストのために長いテキストです

新規ウィンドウ・アイコンを入れたテキスト

NEWアイコンを入れたテキスト