複数のスタイルを設定するには?

「プロパティ:値」を「;」で区切る
セレクタを使ってスタイルを設定する場合、背 景色と文字色、文字の大きさと色など複数のス タイルを設定したいと きは「プロパティ:値」 の 組をセミコロ ン「;」で区切 って列挙します。「;」 の後で改行しでも効果は同じなので、見易さを考慮して改行して記述するとよいでし ょう。3 つ以上列挙する場 合も同様です。
②背景と文字色を指定する
下のソースでは背景色を指定するbackground-color プ口パティを 「blue」、文字色を指定するcolor プ口パティを 「white」に指定しています。 なお、列挙した末尾の「プロパティ:値」のあとの「;」は不要ですが、あとでスタイルを追加するときに付け忘れないように付けておいてもよ いでしょう。

<html>

<head>

<title>複数スタイルの設定</title>

<style type=”text/title>

<!–

h1{background-color:blue;

color:white;

}

–>

</style>

</head>

<body>

<h1>Cascading Style Sheets</h1>

</body>

</html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です