コース
ボトムナビゲーションバー - HTML/CSSプロジェクト
このコースでは、HTMLを使用してシンプルなボトムナビゲーションバーを作成し、CSSでスタイリングを行います。また、CSSの(:hover)セレクターを使って、簡単なアニメーションを追加する方法を学びます。
シラバス
2 章12 レッスン2 プロジェクトナビゲーションバー
プロジェクト6 レッスン- 01コードのセットアップ
- 02main-container
- 03Navbar
- 04順不同リストとタイトル
- 05リストアイテムとタイトル
- 06アイコンの追加
スタイル
プロジェクト6 レッスン- 01ユニバーサルタグ
- 02Body
- 03Navbarのスタイリング
- 04順序なしリストのスタイリング
- 05リスト項目のスタイリング
- 06アイコンのホバーアニメーション
おすすめの関連コース
CSSプロジェクト - おしゃれなボタン
このコースでは、お気に入りのウェブサイトで見かけるような、完全にカスタマイズされたおしゃれなボタンを作成します。
- 8
- 1
HTML/CSS チャレンジ - パック II
このコースでは、HTMLとCSSの知識を楽しく効果的に試すことができます!
- 5
日食アニメーション | HTML/CSS プロジェクト
このコースでは、素晴らしい「日食」アニメーションを作成します。アニメーションを活用して、魅力的で機能的なユーザーインターフェースを構築する方法を学びましょう。
- 10
- 2
CSSプロジェクト - シンプルなローディングスピナー
このコースでは、CSSとHTMLを活用して、ページやコンテンツの読み込み時に表示されるシンプルなローディングスピナーを作成する方法を学びます。
- 6
- 1
ログインフォーム - HTML/CSSプロジェクト
このコースでは、HTMLを使ってシンプルなログインフォームを作成し、CSSでスタイリングします。
- 7
- 2
よくある質問
ボトムナビゲーションバー - HTML/CSSプロジェクトにはレッスンがいくつありますか?
ボトムナビゲーションバー - HTML/CSSプロジェクトには12のインタラクティブなレッスンがあり、自分のペースで進められます。
ボトムナビゲーションバー - HTML/CSSプロジェクトでは何を学べますか?
コースは次の章で構成されています: ナビゲーションバー, スタイル。
ボトムナビゲーションバー - HTML/CSSプロジェクトは無料ですか?
はい - Coddyのすべてのコースは無料で開始できます。レッスンはブラウザで進められ、ダウンロードも登録も不要です。