• 【HTML】トレーニングドリル3 ボタン風リンクを作成しよう

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

    問題

    以下のボタン風リンクを作成してみましょう。

    【横幅】240px
    【背景色】 #E34D77
    【文字色】白
    【角丸】6px
    【オンマウス時】透過する
    【リンク先】https://geekgirl-labo.com/

    完成イメージ

    このボタン風リンクは、このGeekGirlLaboのサイトでも使っています!
    各コースページのお申し込みボタンや、ヘッダの資料請求ボタンがそうですね。

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

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

     

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

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

     

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

    柳田 亜沙美

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