كيف تصمم نافبار navbar بسيط بالـ html و css فقط

السلام عليكم

اليوم سأقدم لكم شرح عن كيفية تصميم نافبار بسيط ، و النتيجة ستكون هكذا 

 نفتح برنامج  ++notepad و نفتح عمل جديد ، نغير اللغة الى html و نكتب هته الاكواد التالية

الان سنكتب الـ css و هو كالتالي 

نحفظ العمل و نفتحه عبر المتصفح و النتيجة

أي استفسار ضعوه في التعليقات .