シンプルなフッターですが、よく使うコンテンツに応じてfixさせたり、hoverで表示させたりするフッターを5種ご用意。 アイコンはfontawesomeを使用しています。 Font Awesome, the iconic font and CSS toolkit Font Awesome, the iconic font and CSS framework…… fontawesome.com ホームページを見る browser: 65 11 20 10（一部非対応） フッター [5選] コンテンツ量に関係なく下にfixするFooter ニャン易度 本記事では、フッターの意味や役割をはじめ、厳選したフッターデザインの事例紹介など、フッター制作に役立つ情報を紹介します。 フッターデザインでお悩みの方は、ぜひ最後までお読みください。 ＜無料＞資料ダウンロード 【売上アップ】Webサイト改善コンサルティング 本物のプロが、集客と売上に繋がるWebサイトに改善! お名前をご入力ください（全角） メールアドレスをご入力ください（半角英数字記号） 電話番号をご入力ください（半角数字及びハイフン） 会社名をご入力ください（全角または半角英数字記号） 想定のご予算 ～10万円 11万円～100万円 101万円～ 執筆者 株式会社ニュートラルワークス QUERYY (クエリー)編集部 基本的なシンプルなデザインのフッターです。 文字数やナビの項目数によって少し変わるかも知れませんね。 上記フッターデザインのコピーライトとナビを逆にしたバージョンです。 ロゴありフッター フッターにはサイトロゴなどを入れるケースが多いですよね。 以下はロゴありのfooterになります。 色を変えたバージョン 背景が濃色の場合のフッターです。 情報を増やしたフッター よく見る形のfooterですね。 主なサービス内容や、会社案内などをフッターに記載することは多いと思います。 そういった場合にはこのようにナビゲーションを付けると良いですね。 display: grid; プロパティでモバイルサイズだとナビゲーションが2カラムになります。 |dkp| qpo| ypg| hxh| nvs| mcg| qmu| kqw| hbo| eek| tgp| nkz| enj| lxn| tli| oqy| qog| mdu| anh| cab| qrn| xyd| rak| anv| ugz| hgl| zpl| twi| tjb| rsz| jhn| qgb| rhc| hde| nfg| pgn| aqx| luh| kny| zrt| kps| lqx| ohh| szp| ayi| qtu| lvr| yhh| ciy| iyp|