ホーム > 小技集 >

ホームページの小技:その9(文字に影を付ける)

文字に影を付けてタイトル風にアレンジしてみます。画像で作るより断然軽く仕上がりますよ。
InternetExplorer4以上 (4ではまだ厳しいらしい・・)

例)サンプル1(立体的な影)

以下を記述します

解説)
color=gray,  影の色を設定しています(ここではグレー。16進数表記でもOK)
direction=45 影の角度を指定(真上を0度とした場合の角度を記述)
HTMLで定義されている色の名前
Black (#000000)
Gray (#808080)
Silver (#C0C0C0)
White (#FFFFFF)
Red (#FF0000)
Yellow (#FFFF00)
Lime (#00FF00)
Aqua (#00FFFF)
Blue (#0000FF)
Fuchsia (#FF00FF)
Maroon (#800000)
Olive (#808000)
Green (#008000)
Teal (#008080)
Navy (#000080)
Purple (#800080)
文字の部分にFONTタグで大きさや、色、書体等を設定できます。

例)サンプル2(普通の影)

以下を記述します

解説)
color=silver, 影の色を設定しています(ここではシルバー。16進数表記でもOK)
offX=3,    右:影の位置(マイナスを入力すれば左)
offY=5     下:影の位置(マイナスを入力すれば上)
文字の部分にFONTタグで大きさや、色、書体等を設定できます。

<--前ページ ホーム 次ページ-->

ホーム > 小技集 >