ゼロからはじめるホームページ作成 
HOME > スタイルシート講座 > スタイルシートの書き方(1)

スタイルシートの書き方(1)

タグに直接記述する方法を紹介します。

タグの">"までに、style=""と書きます。
複数のスタイルを指定する場合は";"で区切ります。

スタイルの項目の間違いや";"の区切り忘れがあってもエラーは発生しませんが、設定したスタイルを正しく表示できなくなります。

<div>スタイルシートの書き方</div>

結果

スタイルシートの書き方

上記を、「文字色を青(#0000ff)、文字サイズを16pt、背景色をグレー(#999999)」にします。
colorが文字色、font-sizeが文字サイズ、background-colorが背景色を表します。

<div style="color:#0000ff; font-size:16pt; background-color:#999999;">スタイルシートの書き方</div>

結果

スタイルシートの書き方

まとめ

  • タグの">"までに、style=""と書きます。
  • 複数のスタイルがある場合は";"で区切ります。
  • 文字色・・・「color:
  • 文字サイズ・・・「font-size:文字の大きさ
  • 背景色・・・「background-color:


スタイルシート講座

初心者講座

スポンサードリンク

スタイルシート辞典

テキスト
フォント
背景
ボックス
配置
リスト
テーブル
ユーザインタフェース
その他



Copyright© ゼロからはじめるホームページ作成講座 All Rights Reserved.  サイトマップ