文字を二重にする

それでは、文字が二重になるフィルターをかけてみましょうっ！

フリー素材屋　Ｃｕｔｅ３

↑こんな感じに、文字が二重になります。

ページのタイトルなんかに使うとアクセントになって良いと思います。

▼▼こちらのソースを<h1>や<h2>、<p>、<font>タグの中などに入れてください。▼▼

style="filter:dropshadow(color=#bbbbbb);width:100%;color:#cc3300;"

▼こちらは、このタグです。色はお好みで変えてみてください。▼

<h2 style="filter: dropshadow(color=#00ff66); width: 100%; color: #006666;">ホームページタイトル</h2>

▼文字の離れる距離を大きくしたい場合はこちら▼

<h2 style="filter: dropshadow(color=#cc9999,offx=20,offy=20); width: 100%; color: #cc0066; line-height: 240%;">こんなにはなれちゃって大丈夫っ？</h2>

ちょ～簡単解説♪

filter: dropshadow(color=●●●);	かけるフィルターの種類を指定します。二重になるように【dropshadow】を指定 (color=●●●)は、下に表示される文字の色を指定します。お好みで変更していただいてよいです。
width: 100%;	こちらは、必ず一緒に入れてください。
color:●●●;	文字の色を指定。
offx=●●	右方向にずれる距離を指定
offy=●●	下方向へずれる距離を指定
line-height: ●●%;	ずれ幅が大きくなると、下の文字が切れて表示される場合があります。その時は、こちらの属性で幅を広げると文字が切れなくなります。