Tip2 Decorated Text

マージンなどスタイルシートならではの機能で凝った文字装飾を作ってみました。

Yoshida
Yoshida
<SPAN STYLE="color:aqua; font:bold 30pt/30pt Verdana, sans-serif">
Yoshida
</SPAN><BR>
<SPAN STYLE="color:blue; margin:-32pt -2pt; font:bold 30pt/30pt Verdana, sans-serif;">
Yoshida
</SPAN>

イメージを取り込まずとも、影付き文字を作ることが出来ました。単位を point(pt) にしてやると合わせやすいです。これを三重にして色をグラデっぽくしてやると、

Yoshida
Yoshida
Yoshida

ってな具合にも出来ます。


あるいは、こういう風にも使えます。我ながらカッコイイ。

StyleSheetsReference
yoshida@ueda.info.waseda.ac.jp
<SPAN STYLE="color:silver; font:bold 34pt/30pt Verdana, sans-serif">
StyleSheetsReference
</SPAN><BR>
<SPAN STYLE="color:navy; margin:-25pt 60pt; font:bold 20pt/20pt 'times new roman', serif">
yoshida@ueda.info.waseda.ac.jp
</SPAN>