ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
DropShadowの実験
＜head＞
＜style type="text/css"＞
＜!--
.shadow {
filter:progid:DXImageTransform.Microsoft.DropShadow(color="#999999" offx=10 offy=10 positive=1);
}
.shadow1 {
filter:progid:DXImageTransform.Microsoft.DropShadow(color="#999999" offx=10 offy=10 positive=0);
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.shadow {
filter:progid:DXImageTransform.Microsoft.DropShadow(color="#999999" offx=10 offy=10 positive=1);
}
.shadow1 {
filter:progid:DXImageTransform.Microsoft.DropShadow(color="#999999" offx=10 offy=10 positive=0);
}
--＞
＜/head＞
＜body＞
＜IMG src="matsuri.jpg" class="shadow" width="217" height="260"＞＜BR＞
＜IMG src="1jinbutu_0339.gif" class="shadow" width="217" height="260"＞＜BR＞
＜IMG src="1jinbutu_0339.gif" class="shadow1" width="217" height="260"＞＜BR＞
＜/body＞
＜IMG src="matsuri.jpg" class="shadow" width="217" height="260"＞＜BR＞
＜IMG src="1jinbutu_0339.gif" class="shadow" width="217" height="260"＞＜BR＞
＜IMG src="1jinbutu_0339.gif" class="shadow1" width="217" height="260"＞＜BR＞
＜/body＞
DropShadowフィルターは 文字列や画像に影を落とす
影の色も設定できます。
影の遺著も設定可能。
offx=10・・・10px横方向、負でも設定可
offｙ=10・・・10pxたて方向、負でも設定可
positive=1・・・影の透過の設定、透過GIFで透明化した部分に指定した色がつく
影の色も設定できます。
影の遺著も設定可能。
offx=10・・・10px横方向、負でも設定可
offｙ=10・・・10pxたて方向、負でも設定可
positive=1・・・影の透過の設定、透過GIFで透明化した部分に指定した色がつく
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社