• 【HTML】トレーニングドリル5 テーブルの背景色を設定しよう

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

    問題

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

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

    完成図

    ポイント

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

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

     

    前の問題:【HTML】トレーニングドリル4 ボタンの位置を固定しよう

    次の問題:【HTML】トレーニングドリル6 リストのアイコン画像をCSSで設定しよう

     

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

    柳田 亜沙美

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