分かりやすく、使いやすく。

タグ内にCSSを直接記述する方法

スポンサーリンク

CSSはタグに直接記述することができます。

  1. タグの属性にCSSを直接記述して赤字にする
  2. タグの属性にCSSを複数記述する
  3. 改行してスタイルを記述する


タグの属性にCSSを直接記述して赤字にする

css(実行可能なサンプルコード)
1
<b style="color:#ff0000">赤字で強調。</b> 

↓こうなります。

赤字で強調。

タグの属性にCSSを複数記述する

css(実行可能なサンプルコード)
1
<span style="background-color:#ffff00; font-weight:bold;">蛍光ペンっぽい感じ</span> 

↓こうなります。

蛍光ペンっぽい感じ

改行してスタイルを記述する

css(実行可能なサンプルコード)
1
2
3
4
5
6
7
8
9
10
<div style="
    border-style: solid; 
    border-width: 1px 3px 3px 1px; 
    border-color: #0000ff;
    background-color: #cccccc;
    width: 250px;
    padding: 10px;
">
改行しています。横幅を250pxに設定しています。
</div>   

↓こうなります。

改行しています。横幅を250pxに設定しています。

スポンサーリンク