ホームページWeb

ホームページWeb

HTML 文字に影をつけよう

8.文字に影をつけよう


文字に影をつける方法をご紹介します。 うまくつかってかっこいいページを作りましょう。


タグの説明

(color=#b3b3b3  影の色
offX=数字  影の場所を指定(横位置)
offY=数字  影の場所を指定(縦位置)


表示例


シャドウ

ドロップシャドウ



ソース


シャドウ編(上段)

<div style="width:100%; filter:DropShadow(color=#b3b3b3,offX=3,offY=-3)"><FONT size="+4" color="#313131">シャドウ</FONT></div>




ドロップシャドウ編(下段)

<div style="width:100%; filter:Shadow(color=#b3b3b3,direction=45)"><FONT size="+4" color="#272727">ドロップシャドウ</FONT></div>





© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: