スタイル シート（CSS）

■フォント（文字）装飾 - 発光文字

▼ソース
<DIV STYLE='WIDTH:400px;FONT-SIZE:26px;padding:5px;FONT-WEIGHT:bold;FONT-FAMILY:Times
New Roman;COLOR:#FF0000;FILTER:progid:DXImageTransform.Microsoft.Glow(color=#FFEE20,strength=10)'>ブログ
テンプレート カスタマイズ</DIV>

　　※発光の強さ： strength

▼実行例

■フォント（文字）装飾 - 影付き文字

▼ソース
<DIV STYLE='WIDTH:400px;FONT-SIZE:26px;padding:5px; FONT-WEIGHT:bold; FONT-FAMILY:Times
New Roman; COLOR:#FF0000; FILTER:progid:DXImageTransform.Microsoft.shadow(color=#aaaaaa,direction=135,strength=6)'>ブログ
テンプレート カスタマイズ</DIV>

▼実行例


影の方向： direction　　影の長さ： strength

ぼかし文字

<DIV STYLE='WIDTH:400px;FONT-SIZE:20pt;FONT-WEIGHT:bold;TEXT-ALIGN:center;COLOR:#FF0000;BACKGROUND-COLOR:#FFFF55;padding:8px;FILTER:progid:DXImageTransform.Microsoft.Blur(makeshadow=0,pixelradius=4,shadowopacity=0.5);'>
ブログ テンプレート カスタマイズ
</DIV>

文字装飾のスタイル シート（CSS）サンプル