HTMLタグ関連(文字背景色編)
 ここに書いたTAGは、私がHPを作成する際によく使うTAGです。一度使ったTAGも覚えていなくて次に使う時はまた調べて使う。それはちょっと記憶力悪いのを差し引いても面倒です。
 そんな訳で、一度使った小技TAGは書き留めておくことにしました。
文字の背景に色を付ける
文章の一部の文字背景に色を付ける

<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>します

■このようになります

スタイルシートでバックグラウンドの色を指定します

  そのほか様々な設定に関してこちら ↓ のサイトに書かれています。   
  ホームページを小粋に  
       
       
       
       
       
       
       
       
       
     
2014.10.03