レタープレス風のtext-shadowをつくってみよう
次は、少し控えめなtext-shadowの使い方だ。アップルのWebサイトやiPhone/iPadのユーザーインターフェイスをよく見てみるとレタープレス(活版印刷、ここでは浅い彫り込みの意味)風のエフェクトが使われている。このレタープレス風のエフェクトをtext-shadowを使って再現してみよう。シンプルなエフェクトだが、これだけでもWebサイトがぐっとリッチな雰囲気になる。
■HTML[サンプル3]
<p>テキストシャドウをうまくつかえばいろんなことができる</p>
■CSS[サンプル3]
p {
color:#505050;
text-shadow: 1px 1px 0px #fff;
text-align : center; }