ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
float の実験
ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。 食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・
＜head＞
＜style type="text/css"＞
＜!--
.ph {
float:right;
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.ph {
float:right;
}
--＞
＜/head＞
＜body＞
＜div align="left"＞
＜img class="ph" src="image/art_egg.gif"＞
＜img class="ph "src="image/p1010001.jpg" width="80"＞
＜p class="p1"＞ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。
食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・＜/p＞
＜/div＞
＜/body＞
＜div align="left"＞
＜img class="ph" src="image/art_egg.gif"＞
＜img class="ph "src="image/p1010001.jpg" width="80"＞
＜p class="p1"＞ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。
食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・＜/p＞
＜/div＞
＜/body＞
画像などの表示位置を下記のいずれかで指定する。
left（左端）
right（右端）
none（既定値：指定しない）
inherit（継承）
right または left を指定すると、テキストがその周りを回り込むように表示されるようなる。
回り込みを解除するには clear: を用いる。
例１ ＜img src="abc.gif" width=100 height=100 alt="TOKYO" style="float:right;"＞
left（左端）
right（右端）
none（既定値：指定しない）
inherit（継承）
right または left を指定すると、テキストがその周りを回り込むように表示されるようなる。
回り込みを解除するには clear: を用いる。
例１ ＜img src="abc.gif" width=100 height=100 alt="TOKYO" style="float:right;"＞
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社