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

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;حذف کنید

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

منبع

مقاله‌های مشابه

7 مرحله فروش بیمه عمر (2)

7 مرحله فروش بیمه عمر (2)

18/9/96 چه بلایی سر آدم میاره خیلی جالبه انقدر سنگ، توام داری درست راه میری اینجوری لنگ میزنی، وقتی یه ذره زمانش طولانی تر بشه دیگه لنگ نمیزنی مجبوری اینجوری کنی من دیگه نمیتونم بیام یه ذره میشینی پامیشی، فروش اینو خیلیها حذف میکنن، برای خیلیها تو ذهنشون همون سنگه...

بیشتر بخوانید
7 مرحله فروش بیمه عمر (1)

7 مرحله فروش بیمه عمر (1)

11/9/96 امروز میخوایم 7 مرحله فروش بیمه عمر یا هر محصولی که شما در کل کره زمین میشناسید، وقتی میگم محصول یه روز این محصولی که داریم ازش صحبت میکنیم میتونه هر چیزی به چیزی بجز بیمه عمر باشه، یکی از مهمترین مباحثی که در دوره تکنسین یاد میگیرید و عملاً آچارفرانسه تمام...

بیشتر بخوانید

شما هم به جمع ۱۰۰,۰۰۰ مشترک خبرنامه‌ ما بپیونید

0 دیدگاه

یک دیدگاه بنویسید

نشانی ایمیل شما منتشر نخواهد شد.