٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش نوار پیمایش CSS

نسخه ی نمایشی: میله های ناوبری میله های پیمایش داشتن ناوبری با کاربرد آسان برای هر وب سایتی مهم است. با CSS می توانید منوهای HTML خسته کننده را به میله های ناوبری زیبا تبدیل کنید. نوار پیمایش = لیست…

محمد یوسفی

12 جولای 2021

نسخه ی نمایشی: میله های ناوبری


میله های پیمایش

داشتن ناوبری با کاربرد آسان برای هر وب سایتی مهم است.

با CSS می توانید منوهای HTML خسته کننده را به میله های ناوبری زیبا تبدیل کنید.


نوار پیمایش = لیست پیوندها

یک نوار پیمایش به HTML استاندارد به عنوان پایه نیاز دارد.

در مثالهای ما نوار پیمایش را از یک لیست استاندارد HTML ایجاد خواهیم کرد.

نوار پیمایش اساساً لیستی از پیوندها است ، بنابراین استفاده از عناصر <ul> و <li> کاملاً منطقی است:

مثال

<ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">News</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">About</a></li>
</ul>

حالا بیایید گلوله ها و حاشیه ها و بالشتک ها را از لیست حذف کنیم:

مثال

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

مثال توضیح داده شده:

  • list-style-type: none;– گلوله ها را از بین می برد. یک نوار پیمایش نیازی به نشانگرهای لیست ندارد
  • تنظیمات پیش فرض مرورگر را تنظیم کرده margin: 0;و padding: 0;حذف کنید

کد موجود در مثال بالا کد استانداردی است که در دو میله ناوبری عمودی و افقی استفاده می شود ، که در فصل های بعدی با آن بیشتر آشنا خواهید شد.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها