|
 |
|
任意のタグだけにスタイルシートを組み込む
解説
任意のタグにstyle属性を追加して、そこだけに有効なスタイルを書き込みます。
複数のスタイルを適用させたい場合は、「;」で区切って指定します。
スタイルシートを簡単に適用することができ、ページのアクセントとしてスタイルシートを用いたい場合に有効です。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY style="background-color: #ffff99">
<H1 style="background-color: #00ff00">見出しです</H1>
<TABLE border="5" style="background-color: #0000aa">
<TR>
<TD style="background-color: #ff0000">aaa</TD>
<TD style="background-color: #ff0000">bbb</TD>
</TR>
<TR>
<TD style="background-color: #ff0000">ccc</TD>
<TD style="background-color: #ff0000">ddd</TD>
</TR>
</TABLE>
</BODY>
</HTML> |
注意点など
このように任意のタグ内に書いた場合と、ページのHEADタグ内に書いた場合に、スタイルが競合すると、任意のタグ内に書いた方が有効になります。
← スタイルシートに戻る
|
|
|
