Menu
Coddy logo textTech
コース

ボトムナビゲーションバー - HTML/CSSプロジェクト

このコースでは、HTMLを使用してシンプルなボトムナビゲーションバーを作成し、CSSでスタイリングを行います。また、CSSの(:hover)セレクターを使って、簡単なアニメーションを追加する方法を学びます。

シラバス

2 12 レッスン2 プロジェクト

ナビゲーションバー

プロジェクト6 レッスン
  • 01コードのセットアップ
  • 02main-container
  • 03Navbar
  • 04順不同リストとタイトル
  • 05リストアイテムとタイトル
  • 06アイコンの追加

スタイル

プロジェクト6 レッスン
  • 01ユニバーサルタグ
  • 02Body
  • 03Navbarのスタイリング
  • 04順序なしリストのスタイリング
  • 05リスト項目のスタイリング
  • 06アイコンのホバーアニメーション

おすすめの関連コース

よくある質問

ボトムナビゲーションバー - HTML/CSSプロジェクトにはレッスンがいくつありますか?

ボトムナビゲーションバー - HTML/CSSプロジェクトには12のインタラクティブなレッスンがあり、自分のペースで進められます。

ボトムナビゲーションバー - HTML/CSSプロジェクトでは何を学べますか?

コースは次の章で構成されています: ナビゲーションバー, スタイル。

ボトムナビゲーションバー - HTML/CSSプロジェクトは無料ですか?

はい - Coddyのすべてのコースは無料で開始できます。レッスンはブラウザで進められ、ダウンロードも登録も不要です。
Coddy programming languages illustration

ボトムナビゲーションバー - HTML/CSSプロジェクトを無料で始める

始める