انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: شريط التنقل العمودي في لغة CSS

CSS make vertical navigation float تقليل حجم قائمة التنقل العمودية في لغة CSS.

ستتعلم في هذا الدرس كيفية عمل أشرطة التنقل العمودية في لغة CSS وعمل تأثيرات مثل الخلفيات والألوان واتغيير المظهر مع تمرير زر mouse أعلي عناصر شريط التنقل.

1 صفوف تعليمية
لغة CSS
5,928 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تظهر قائمة أو شريط التنقل بملئ الشاشة لأن عنصر <ul> من النوع display:block فيجب أن يكون عرضة علي قدر المحتوي الداخلي فيجب علينا أن نستخدم display:inline-block أو flaot:left في لغة CSS.

جرّب بنفسك
جرّب بنفسك

CSS vertical navigation with float

تقليل حجم القائمة العمودية في لغة CSS.

HTML 
ul
{
border:gray solid 1px;
list-style:none;
padding:0;
float:left;
}
جرّب بنفسك

جميع فقرات هذا الدرس (شريط التنقل العمودي في لغة CSS)