|
 |
|
任意の範囲内にスタイルを適用させる
解説
任意の範囲内にスタイルを適用させるには、SPANタグ、DIVタグを用います。
SPAN要素は、インラインの要素であることを示し、DIV要素は、ブロック要素であることを示します。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.sample_class_1 { color: #ff0000 } /* class属性 */
.sample_class_2 {
/* class属性 */
background-color: #00ff00;
color: #0000ff;
font-size: 20px
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV style="background-color: #00ffff;">
<SPAN style="color: #ff0000; font-size: 20px">サンプルサンプル</SPAN><BR>
<SPAN class="sample_class_1">サンプルサンプル</SPAN><BR>
サンプルサンプル
</DIV>
<DIV class="sample_class_2">
<SPAN class="sample_class_1">サンプルサンプル</SPAN>
<BR><BR>
</DIV>
</BODY>
</HTML> |
注意点など
← スタイルシートに戻る
|
|
|
