超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap
 Home > 超初心者のためのスタイルシート講座 > スタイルシート適用1 > Next 

■ HTML ファイルにスタイルシートを適用 (1)

前のページで作った HTML ファイルに2種類のスタイルシートを適用してみます。
ひとつめのシートにはこう書きます。スタイルを設定したい HTML タグにひとつひとつスタイルを設定しています。

h3{
 color: #ff0000;
}
h4{
 color: #0000ff;
}
p{
 margin: 1%;
 padding: 1%;
}
div{
 font-size: 10pt;
 margin: 1%;
 padding: 2%;
 line-height: 120%;
 border-style: double;
 border-color: #ff0000;
 background-color: #ffcccc;
}

すると画面はこうなります。随分雰囲気が変わったでしょ。

画面です

次のページで、別のスタイルを設定します。また雰囲気が変わりますよ。


 Home < 超初心者のためのスタイルシート講座 < Back < スタイルシート適用1 > Next