CSSソース中に画像を埋め込んで表示する例

このページには4つの画像が表示されていますが、これらの画像は独立した画像ファイルを読み込んでいるわけではありません。 このHTMLソース内には、画像ファイルを読み込むためのimg要素は1つも記述されていません。 すべての画像は、CSSソース中に埋め込まれています。 →画像を埋め込んでいるCSSファイルはこちら
詳しい方法は、解説記事本文をご参照下さい。

CSSソース中に埋め込んでいる画像は、次の4つです。:

なお、Base64でエンコードする前のオリジナル画像ファイルは、以下の通りです。
new.gif, osusume.gif, chumoku.gif, ichioshi.gif


解説記事に戻る