タイトルやキャプションがテキストだけで味気ない、でもページの数だけ画像を作るのは面倒だ。という場合には役に立つテクニックです。 HTML記述 <h1><span></span>CSS Gradient Text</h1> CSS記述 h1要素にspanの背景画像を重ねるという手法です。 h1 { font: bold 330%/100% "Lucida Grande"; position: relative; color: #464646; } h1 span { background: url(gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px; } サンプル IE6に対応 DirectXのAlphaImageLoaderを使って表示すれば、IE6でも表示されます。 *