【HTML】トレーニングドリル5 テーブルの背景色を設定しよう
- 【練習問題】トレーニングドリル
2020.05.11
難易度： ★★
目標タイム：10分
問題
以下のテーブルを作成し、偶数行のセルの背景色を設定しましょう。
【テーブル横幅】600px
【Noの幅】60px
【ヘッダ背景色】#56b3c7
【ヘッダ文字色】白
【奇数行背景色】白
【偶数行背景色】#ecf4f5
【枠線の色】#ccc
【枠線の太さ】1px
完成図
ポイント
偶数行の背景色は、HTML側でclassを指定するのではなく、CSS側で、偶数の指定ができますので、そちらを使いましょう。
エクセルでさくっと表を作るのに慣れてる方も多いと思いますが、同じものをHTMLで作ろうとすると、ちょっと設定することが多いですね。
でも、これも慣れですので、練習しておきましょう！
【模範解答】
https://github.com/geekgirllabo/drill/tree/master/html/drill5
※一例ですので、あくまでもご参考程度にお願いします
前の問題：【HTML】トレーニングドリル4 ボタンの位置を固定しよう
次の問題：【HTML】トレーニングドリル6 リストのアイコン画像をCSSで設定しよう
時間や場所にとらわれずに
働きたいあなたへ
「スキル」と「実績」を身につけて
自由に働こう
“お悩み” ではありませんか？
- 仕事以外の自分の時間が足りていない
- 家族との時間が足りていない
- 家事と育児に追われ、パートをする時間がない
- Webサイトの仕組みを理解したい方
- 専門的スキルを持っておらず、将来が不安
無料カウンセリングは
こちらから
カウンセリングでは、プラン内容や料金体制、
学習後のイメージなど不安や疑問に
思われていることにお答えします。
あなたにピッタリな適性プラン診断をはじめ、
豪華特典がいっぱい
LINE限定配信動画プレゼント
女性・男性ともに生活の質（QOL）を高めたいニーズが高まっています。そんな中で、Webスキルを獲得すると、なぜ自由な働き方ができるのかを“限定動画”でお伝えします。
*数日間配信を見続けるとことで、限定動画が配布されます。
LINE限定配信動画
プレゼント
女性・男性ともに生活の質（QOL）を高めたいニーズが高まっています。そんな中で、Webスキルを獲得すると、なぜ自由な働き方ができるのかを“限定動画”でお伝えします。
*数日間配信を見続けるとことで、限定動画が配布されます。
未経験から始めるWEB
の
お仕事ガイド
スクールに通う前に必ず読んで欲しいガイドブックです。
仕事ガイドには、Webの仕事でQOLが上がる理由や、未経験から仕事獲得するまでの道筋を余すことなく掲載しています。
適性プラン診断
あなたの理想の働き方を実現するための最適な受講プランを診断します。
診断結果を参考に、効率よく理想の働き方を実現しましょう。
エンジニア適性診断
未経験でエンジニアに向いているか不安な方は、まず適性診断を受けましょう。
あなたの適性を知ることでスクールに通うべきか否かを知ることができます。
教材サンプルプレゼント
受講生が実際に使っているオンライン教科書を体験できます。
「実務研修」の教材の一部をプレゼント！
LINEに登録して特典を受け取る
