テキストの影を複数作成する方法

CSSのtext-shadowプロパティを使用する方法:
```
<style>
.text-with-shadow {
    text-shadow: 2px 2px 4px #000, -2px -2px 4px #fff;
}
</style>
<p class="text-with-shadow">テキストの影を複数作成する方法</p>
```
上記のコードでは、text-shadowプロパティを使用して、テキストに2つの影を付けています。最初の影は右下方向に2ピクセルのずれで黒色 (#000) の影を作成し、2番目の影は左上方向に2ピクセルのずれで白色 (#fff) の影を作成しています。
インラインスタイルとして複数のtext-shadowプロパティを使用する方法:
```
<p style="text-shadow: 2px 2px 4px #000, -2px -2px 4px #fff;">テキストの影を複数作成する方法</p>
```
上記のコードでは、<p>要素のstyle属性に複数のtext-shadowプロパティを指定しています。同様に、最初の影は右下方向に2ピクセルのずれで黒色 (#000) の影を作成し、2番目の影は左上方向に2ピクセルのずれで白色 (#fff) の影を作成しています。

これらの方法を使うことで、テキストに複数の影を追加することができます。必要に応じて、値を調整して影の位置や色を変更することもできます。

このように、CSSのtext-shadowプロパティを使用することで、テキストに複数の影を付けることができます。Webデザインやテキスト装飾において、効果的な手法の1つです。