Jim Wimpeyさんのサイトで「CSSだけで文字にドロップシャドウをつける方法」が紹介されていました。これ、便利そう。 » Good-Looking, Sharp Offset, CSS Text Styling 実例はこちら。 ↑ 適用前。 ↑ 適用後。かっくいい。 やり方はいわれてみれば簡単で、1pxずらして影をつけただけ(というか影を先に書くのか)。 実際のコードは以下のような感じですね。スタイルシートには次のように記述します。 h1 { color: #000; position: relative; } h1 span { color: #fff; display: block; position: absolute; top: -1px; left: -1px; } 実際のHTMLの方はこんな感じ。 <h1><span>Lorem Ipsum</span>Lorem Ips
![CSSだけで文字にドロップシャドウをつける方法(あまり良くない方法) | SIMPLE*SIMPLE](https://cdn-ak-scissors.b.st-hatena.com/image/square/923d92538e38443a6206a23c90fb4efd93830d71/height=288;version=1;width=512/http%3A%2F%2Fwww.simplexsimple.com%2Farchives%2Fnicecsstext1.png)