文字装飾2

*** 文字装飾2 ***

今日も、ココ楽天広場で、スタイルシートと同じ効果が出来るタグを紹介していきます♪

実は、数日前にTOPページで使用したら、
IE6の方だけ 入れないという事態になってしまい、
大変なご迷惑をお掛けしたタグです×××(^^ゞ
(自分も入れなくて、削除する事も出来ず、IE5に戻す嵌めになった★)
…で、ココ数日間 思考錯誤を繰り返し、
今日 やっと回避出来ました!!(T_T)

楽天限定で発生したエラーの為、基本のタグとは少し異なりますが、とりあえず 書いていきましょう。。。(*^▽^*)


∞∞∞ 文字に影を付ける ∞∞∞

ここで使うタグは、

<font style="filter:shadow(color:影の色;direction:140)
;height:30;width:100%;font-size:文字のサイズ;color:文字の色";>
★ここの文字に影が付きます★
</font>

上記のタグの説明を表に纏めてみました。

color:影の色 文字に掛かる影の色を指定します。
height:30 影の長さを指定します。
width:100% 文字に対する影の範囲を指定をします。
font-size:文字のサイズ 文字の多きさをpxで指定をします。
color:文字の色 表示される文字の色を指定をします。

width:100% に関しては、文字に対する影の範囲を指定しますので、
そのままで使って頂くほうが良いかと思います★

では効果を見てみましょう。。。

*影の色を『黒(black)or(#000000)』
*文字の大きさを『40』*文字の色を『赤(red)or(#ff0000)』
にしてみると…

これが影の効果

…とこんな感じになります♪
見出し等に使うと 良いかと思いますヨ~(*^▽^*)ノ゛
今日はココまで’☆,。:*:・゜



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