• 【HTML】トレーニングドリル2 枠線を使ってデザインしてみよう

    難易度: 
    目標タイム:5分

    問題

    以下のdivを作成して、枠線を引いてみましょう。

    【横幅】600px
    【高さ】600px
    【背景色】 #FEEEF2
    【枠線の色】#F7D2DB
    【枠線の太さ】2px
    【位置】上から40px、中央寄せ
    【角丸】6px

    完成イメージ

    ※クリックで拡大できます

    このボックスのデザインは、GeekGirlLaboのサイトの よくあるご質問 のページでも実際に使っています(正確には、よくあるご質問のほうは、点線ではなく破線を使用していますが)

    デベロッパーツールで見てみてくださいね!

    模範解答のURLは、GeekGirlCafeのSlackにて随時公開いたします。
    受講生の方はぜひご登録くださいね!

     

    前の問題:【HTML】トレーニングドリル1 中央配置をマスターしよう

    次の問題:【HTML】トレーニングドリル3 ボタン風リンクを作成しよう

     

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

    柳田 亜沙美

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