Navigation Bar = لیستی از لینک ها

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

مثال (ساخت منو در CSS)

<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>
خودتان امتحان کنید »

حالا اجازه دهید تا bulletها ، margin و padding را از لیستمان حذف کنیم:

مثال (ساخت منو در CSS)

ul
{
list-style-type:none;
margin:0;
padding:0;
}
خودتان امتحان کنید »

توضیح مثال بالا:

  • list-style-type:none - علامت ها یا bulletها را حذف می کند، یک navigation bar احتیاجی به علامتگذاری لیست ها ندارد.
  • خصوصیت margin و padding را با مقدار 0 تنظیم می کنیم، تا تنظیمات پیشفرض مرورگر را حذف کنیم.

کد مثال بالا یک کد استاندارد است که هم در لینک های افقی و هم در لینک های عمودی استفاده می شود.

آموزش های مرتبط

آموزش CSS-ساخت منو در CSS