ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
フォントの色の実験
まだ上げそめし前髪の、りんごの下に見えしとき、前にさしたる花ぐしの・・・
＜head＞
＜style type="text/css"＞
＜!--
.font4 {
font-family: "HGS行書体";
font-size: 2em;
color: #ff0000;
}
strong {
color: rgb(0%,50%,0%);
font-size: 24px;
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.font4 {
font-family: "HGS行書体";
font-size: 2em;
color: #ff0000;
}
strong {
color: rgb(0%,50%,0%);
font-size: 24px;
}
--＞
＜/head＞
＜body＞
＜p class="font4"＞まだ上げそめし前髪の、
＜strong＞りんご＜/strong＞の下に見えしとき、
前にさしたる花ぐしの・・・＜/p＞
＜/body＞
＜p class="font4"＞まだ上げそめし前髪の、
＜strong＞りんご＜/strong＞の下に見えしとき、
前にさしたる花ぐしの・・・＜/p＞
＜/body＞
H1 { color: red; }・・・色を名前で
H2 { color: #ff0000; } ・・・#RRGGBB
H3 { color: #f00; }・・・ #RGB
H4 { color: rgb(255, 0, 0); } ・・・ rgb(R, G, B) 各数値は 0〜255
H5 { color: rgb(100%, 0%, 0%); }・・・rgb(R, G, B) 各数値は 0〜100%
H2 { color: #ff0000; } ・・・#RRGGBB
H3 { color: #f00; }・・・ #RGB
H4 { color: rgb(255, 0, 0); } ・・・ rgb(R, G, B) 各数値は 0〜255
H5 { color: rgb(100%, 0%, 0%); }・・・rgb(R, G, B) 各数値は 0〜100%
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社