Navigation Bar
نوار ناوبری (Navbar) یک بخش مهم در طراحی وب هست که لینکهای اصلی سایت (مثل صفحه اصلی، درباره ما، خدمات، تماس با ما و …) رو نمایش میده.
این نوار معمولاً در بالای صفحه قرار میگیره و کاربر باهاش میتونه بین صفحات مختلف سایت جابهجا بشه.
✅ ساخت یک Navbar ساده با HTML و CSS
🔹 HTML
🔹 CSS
📌 نتیجه
🔹 یک منوی افقی ساده میسازیم که لینکها کنار هم قرار میگیرن.
🔹 وقتی موس روی هر لینک میره، رنگ پسزمینه تغییر میکنه.
🚀 نکته پیشرفته
-
میشه Navbar رو عمودی هم ساخت (با حذف
float: left;
). -
با Flexbox یا Grid میشه خیلی راحتتر طراحی کرد.
-
در بوتاسترپ هم کامپوننت آماده Navbar وجود داره.