※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。
■ ドロップシャドウ
フィルタを使用するとドロップシャドウ(影)が表現できます DIVタグやSPANタグのfilter属性を使用すれば、画像ソフトがなくても簡単に画像の影や影文字が表現できます。
ただし、この効果はWindows版のIE(インターネットエクスプローラ)4.0以降でないと表現できません。
また、スタイルシートを利用するためにドキュメントタイプ(DTD)を明言している場合も表現できない場合があります。
したがって、あまり凝った画面を使用するとそれ以外の環境で見ている方には、「肩透かし〜」となるのでご注意を!!
※スタイルシートやスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。
ドロップシャドウのテスト
- 【記述サンプル】
-
<DIV class="center" style="width:160; height:160; filter:dropshadow(color=#999999,offx=10,offy=10)">
<IMG src="../../images/exp/baloon.gif" alt="風船" width="128" height="128">
</DIV>
<DIV class="center" style="padding:10px; color:blue; font-size:24pt; width:400; height:40; filter:dropshadow(color=#cccccc,offx=5,offy=5)">
ドロップシャドウのテスト
</DIV>