CSS

CSS Navigation Bar
اشرطة التنقل في لغة CSS

ستتعلم في هذا الدرس كيفية بناء أشرطة التنقل أو قوائم التنقل بلغة HTML ثم في الدروس المقبلة كيفية إضافة تأثير عليها بلغة CSS لتظهر بشكل ومظهر جيد.

التاريخ

16 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

2810

المواضيع

24
الشروحات chevron_left CSS Navigation Bar chevron_left CSS

CSS Navigation Bar
اشرطة التنقل في لغة CSS

</> CSS Navigation Bar
اشرطة التنقل في لغة CSS

اشرطة التنقل هي عبارة عن أشرطة تنقل رأسية أو أشرطة تنقل أفقي وهي ضرورية لكل تطبيق ويب لكي يتم التنقل بين الصفحات يمكنك باستخدام لغة CSS تحويل قوائم HTML الي قوائم جيدة المظهر.

CSS Vertical Navigation Bar

أشرطة التنقل العمودية في لغة CSS.

CSS Horizontal Navigation Bar

أشرطة التنقل الأفقية في لغة CSS.

</> CSS remove padding and bullets from Navigation
إزالة الهوامش الداخلية والعلامات من القوائم في لغة CSS

  • إزالة bullets علامات القوائم عن طريق خاصية  list-style-type: none وإزالة الهوامش الداخلية من القائمة عن طريق خاصية padding في لغة CSS.
CSS add border to navigation

إضافة إطار للقائمة بلغة CSS.

ul
{
border:gray solid 1px;
}
CSS Remove Padding and bullets from Navigation

إزالة الهوامش وعلامات القوائم في لغة CSS.

ul
{
border:gray solid 1px;
list-style:none;
padding:0;
}
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات