|
 |
|
ページ内にスタイルシートを組み込む
解説
スタイルシートをHTMLファイル内に組み込みます。
各ページごとにスタイルを変更するとき、一部のページにスタイルを適用させたいときに有効です。
サイト全体に適用させる場合は、「サイト全体に適用」を参考にして下さい。
スタイルシートは、HEADタグ内に、<STYLE> 〜 </STYLE>という範囲を作り、適用させたいスタイルを直接書き込みます。
また、スタイルシート未対応のブラウザのために、基本的にコメントを意味する<!--
〜 -->で囲みます。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
BODY { background-color: #ffff99 } /* 全体の背景色 */
TABLE { background-color: #0000aa } /* 表の背景色 */
TD { background-color: #ff0000 } /* セルの背景色 */
H1 { background-color: #00ff00 } /* 見出し(レベル１)の背景色 */
-->
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML> |
注意点など
このようにスタイルシートを書いた場合と、任意のタグ内に書いた場合に、スタイルが競合すると、任意のタグ内に書いた方が有効になります。
← スタイルシートに戻る
|
|
|
