• 【練習問題】HTMLトレーニングドリル5

    難易度: ★★
    目標タイム:10分

    問題

    以下のテーブルを作成し、偶数行のセルの背景色を設定しましょう。

    【テーブル横幅】600px
    【Noの幅】60px
    【ヘッダ背景色】#56b3c7
    【ヘッダ文字色】白
    【奇数行背景色】白
    【偶数行背景色】#ecf4f5
    【枠線の色】#ccc
    【枠線の太さ】1px

    完成図

    ポイント

    偶数行の背景色は、HTML側でclassを指定するのではなく、CSS側で、偶数の指定ができますので、そちらを使いましょう。

    エクセルでさくっと表を作るのに慣れてる方も多いと思いますが、
    同じものをHTMLで作ろうとすると、ちょっと設定することが多いですね。
    でも、これも慣れですので、練習しておきましょう!

    The following two tabs change content below.
    柳田 亜沙美

    柳田 亜沙美

    GeekGirlLabo代表。 文学部卒⇒事務職⇒SE(会社員)⇒未経験からフリーランスのWeb屋として独立。その直後にリーマンショック到来、数年後には震災。不況を生き抜いた経験とWebのスキルを活かし、女性×リモートワークを応援したい!と思い立ち、GeekGirlLaboを立ち上げる。 好きな言語はPHP。好きなフレームワークはCakePHP。
Comments are closed.