型押ししたような文字を表示する

今回は５２回目です。
文字が型で押したようにへこんで見えます。

型押ししたような文字を表示する

今回の効果は、文字が型で押したようにへこんで見えるというものです。
難しいスクリプトは使わないでできるので、簡単です。
今月も少しだけこの実験にお付き合い下さい。

	ポイント	３行ある＜ＤＩＶ＞＜／ＤＩＶ＞タグの１行目では、背景と同じ色を指定します。２行目では、白を指定します。３行目では、背景色より暗めの同系色を指定します。１行目の文字の場所を基に、位置の指定をほんの少しずらします。２行目の文字の位置は、left も top も、１行目より１ずつ大きい数字です。３行目の文字の位置は、left も top も、１行目より１ずつ小さいい数字です。
	効果	３つの文字列をほんの少しずつずらして配置することで、微妙に色の違う文字列が表示され、へこんだように見えます。
	使い方	実際の実験画面のソースをご覧下さい。

今回の実験でわかったこと

この効果はＩＥは５．０からネットスケープは、Ｖｅｒ４．７からできます。

今回の効果は、色の違う文字を少しずらして配置することで、立体的に見えるように表示しています。
好きな文章を書いて、色の指定と位置の指定を変えればいいので、比較的簡単にできます。
ちょっとしたアクセントにいかがでしょうか？

ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)