ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
指定色を透明化する実験
白色部分を透明にする
元の画像
元の画像
＜head＞
＜style type="text/css"＞
＜!--
.chroma {
filter:progid:DXImageTransform.Microsoft.Chroma(color="#ffffff");
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.chroma {
filter:progid:DXImageTransform.Microsoft.Chroma(color="#ffffff");
}
--＞
＜/head＞
＜body＞
＜div align="center"＞白色部分を透明にする＜BR＞
＜IMG src="matsuri.jpg" class="chroma" width="249" height="298">＜BR＞
＜BR>元の画像＜BR＞
＜IMG src="matsuri.jpg" width="249" height="298"＞
＜/div＞
＜/body＞
＜div align="center"＞白色部分を透明にする＜BR＞
＜IMG src="matsuri.jpg" class="chroma" width="249" height="298">＜BR＞
＜BR>元の画像＜BR＞
＜IMG src="matsuri.jpg" width="249" height="298"＞
＜/div＞
＜/body＞
filter: Chroma()
画像の中の指定した色を透明にする。
属性には下記のものがある。
color=rgb
透明にしたい色を #RRGGBB の形式で指定します。
＜例＞
＜img src="abc,gif" width=98 height=98
style="filter: Chroma(color=#FFFFFF);"＞
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社