トップはじめに新着情報HP作成サンプル関連サイトフリー素材掲示板その他検索エンジン
はじめに/バナーサイトマップ用語集
掲示板の新着更新履歴
HP作成の予備知識HP作成関連ソフト無料で作る簡単なHP無料で作るWEB素材HTMLの解説CSSレイアウトデザインCGI(Perl)の解説CGIの予備知識PHPの予備知識
HTMLサンプルCSSサンプルDHTMLサンプルJavascriptサンプルCGIサンプルPHPサンプルWEB開発調査ツール
無料関連サイトWEB素材関連サイトHTML関連サイトCSS・デザイン・
テンプレート関連サイト
JavaScript関連サイトCGI(Perl)関連サイトPHP関連サイト
スキンボードアクセスカウンタカラーピッカーFCP Ver2.1
HP作成質問箱あしあと掲示板お絵描き掲示板雑談掲示板HP質問過去ログ
総合リンク集サポートサービス管理者へ連絡メール迷惑メールのgraveyard
GoogleYahoo!gooinfoseekMSN SearchFresheyeLycos

※スタイルシート、スタイル属性の詳しい解説は、「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>

page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom