Home  » 【練習問題】トレーニングドリル  » HTML+CSS  » 【練習問題】HTMLトレーニングドリル7

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

    ＼この記事をシェア！／

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

    問題

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

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

    使用画像

    完成図

    ポイント

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

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

    柳田 亜沙美

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