インラインスタイル（テキスト）
スタイルシートその１スタイルシートを使用するとテキストなど、HTMLタグとは一味違ったアクセントを作ることが出来ます。
ここではインラインを使ったスタイルシートを説明しています。
タグの後にコロン（：）を付け、任意のオプション・値・数値を設定します。
続けてタグを付ける場合はセミコロン（；）で区切る。
★文字ある場所に背景色をつける。
こんな感じになります。
<p style="background-color:#000000; color:#FFFFFF ">こんな感じになります。</p>
背景と文字の色をそれぞれ設定します。
こんな風にも出来ます。
<h1 style="background-color:#CCCCFF;
color:#0000FF ">
こんな風にも出来ます。</h1>
もちろん見出しも同じように出来ます。
文字の部分だけ 色がついてます。
改行も出来ます。
<SPAN STYLE="font-size:24px;
background:yellow">文字の部分だけ 色がついてます。<br>
改行も出来ます。</SPAN>
文字の部分だけ 色を付けることも可能です。
★文字のある場所に背景を付ける。
たとえばこんな感じになったりします
どうでしょうか？
細かく設定も可能です。
<p style="background-image:url(http://～イメージのURL )
;
background-repeat:repeat-y;
color:#006600;
text-align:center ">
たとえばこんな感じになったりします<br>
どうでしょうか？<br>
細かく設定も可能です。</p>
背景を繰り返す場合（repeat、repeat-y、repeat-x）などで全体、左、右と設定します。テキストの位置を設定して無い場合は、左になります。真ん中に寄せる場合は、text-align:centerと設定します。
次回はテーブルを使って色々やってみましょう。
© Rakuten Group, Inc.
