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

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

    問題

    背景画像の上にボタンを表示して、完成図のように表示されるようにしましょう。

    【背景画像横幅】100%
    【ボタン位置】中央
    【ボタン背景色】#ff8056
    【オンマウス時ボタン背景色】#f46e42

    使用画像

    完成図

    ポイント

    メインビジュアルの上にボタンを配置するレイアウト、とてもよく見かけますよね!
    このボタンは、お申込みや資料請求など、サイトのコンバージョンへ誘導するためのボタンが配置されることが多く、「CTA(Call To Action)ボタン」と呼ばれています。

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

    柳田 亜沙美

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