|
|
|
|
文字の背景に色を付ける |
|
|
|
● |
文章の一部の文字背景に色を付ける |
|
|
|
|
|
|
|
<span style="background-color:#色コード">背景色を付ける文字列</span>
実際の記述は
文字に <span style="background-color:#00cc00">背景色</span>を付ける。
このようになります→→ 文字に 背景色を付ける。
|
|
|
|
|
● |
段落文章全体に背景色を付ける |
|
|
|
|
|
<p style="background-color:#色コード">段落の文章全体に背景色をつける。</p>
実際の記述は
<p style="background-color:#ff9393">段落の文章全体に背景色をつける。</p>
このようになります↓↓
段落の文章全体に背景色をつける。
|
|
|
|
|
● |
スタイルシートを使う |
|
|
|
|
|
この方法は、スタイルシートで色を登録してBODYの<span></span>で囲まれた部分に指定した背景色をつけます。 |
|
|
■スタイルシートで色を指定する
<style type="text/css">
<!--
.orange {background-color:#ffcc99;} ここで色を指定 この場合.orangeは#ffcc99になる
-->
</style>
.色記号 {background-color:#色コード;}は複数指定できる
<span> </span>で囲まれた部分の文字背景に<span>で指定した背景色がつく
実際の記述
■スタイルシートの記述
<style type="text/css">
<!--
.yellow {background-color:#ffff00;}
.green {background-color:#00ff00;}
-->
</style>
■BODYの記述
スタイルシートで<span class="yellow">バックグラウンド</span>の色を<span
class="green">指定</span>します
■このようになります
スタイルシートでバックグラウンドの色を指定します
|
|
|
|
|
|
|
|
|
|
|
|
そのほか様々な設定に関してこちら ↓ のサイトに書かれています。 |
|
|
ホームページを小粋に |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|