タグ内にCSSを直接記述する方法
スポンサーリンク
CSSはタグに直接記述することができます。
タグの属性に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に設定しています。
スポンサーリンク
- CSS
- ブロック要素の幅を中身の幅に合わせて伸縮する
- タグ内にCSSを直接記述する方法