[CSS] 基本メモ: テキストに影をつける – 端くれプログラマの備忘録

書式
水平方向の距離垂直方向の距離影のぼかし半径影の色

サンプル

<style>
body { font-family: Impact; font-size: 40px; color: red; }
</style>

<style>

body { font-family: Impact; font-size: 40px; color: red; }

</style>

<style>
#test1 { text-shadow: 3px 3px 0px darkblue; }
</style>
<div id="test1">Hello Test1</div>

<style>

#test1 { text-shadow: 3px 3px 0px darkblue; }

</style>

<div id="test1">Hello Test1</div>

<style>
#test2 { text-shadow: 5px 5px 3px darkblue; }
</style>
<div id="test2">Hello Test2</div>

<style>

#test2 { text-shadow: 5px 5px 3px darkblue; }

</style>

<div id="test2">Hello Test2</div>

<style>
#test3 { text-shadow: -5px -5px 3px darkblue; }
</style>
<div id="test3">Hello Test3</div>

<style>

#test3 { text-shadow: -5px -5px 3px darkblue; }

</style>

<div id="test3">Hello Test3</div>

text-shadow－CSS3リファレンス
http://www.htmq.com/css3/text-shadow.shtml