• このエントリーをはてなブックマークに追加
CSSでdiv毎に背景色とフォントサイズを適用する方法
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

CSSでdiv毎に背景色とフォントサイズを適用する方法

2013-02-17 15:09
    HTML側で下記のようにクラスを指定しておきます。

    <div class="tokyo">
    東京
    </div>

    <div class="kanagawa">
    神奈川
    </div>

    <div class="osaka">
    大阪
    </div>

    <div class="nagoya">
    名古屋
    </div>

    スタイルシート側で、クラス毎にフォントサイズと背景色を適用できます。


    div.tokyo{
    font-size: 20px;
    background-color:red;

    }

    div.kanagawa{
    font-size: 20px;
    background-color:blue;

    }

    div.osaka{
    font-size: 20px;
    background-color:green;

    }

    div.nagoya{
    font-size: 20px;
    background-color:aqua;

    }

    サンプルソース
    https://tokyo-webs.jp/sample_source/130217a/
    チャンネル会員ならもっと楽しめる!
    • 会員限定の新着記事が読み放題!※1
    • 動画や生放送などの追加コンテンツが見放題!※2
      • ※1、入会月以降の記事が対象になります。
      • ※2、チャンネルによって、見放題になるコンテンツは異なります。
    ブログイメージ
    東京ウェブ制作ブロマガ
    更新頻度: 不定期
    最終更新日:
    チャンネル月額: ¥550 (税込)

    チャンネルに入会して購読

    コメントを書く
    コメントをするにはログインして下さい。