CSS Navigation Bar
သရုပ်ပြ- လမ်းညွှန်ဘားများ
ဒေါင်လိုက်
လမ်းကြောင်းပြဘားများ
အသုံးပြုရလွယ်ကူသော လမ်းညွှန်ချက်ရှိခြင်းသည် မည်သည့်ဝဘ်ဆိုက်အတွက်မဆို အရေးကြီးပါသည်။
CSS ဖြင့် သင်သည် ငြီးငွေ့ဖွယ်ကောင်းသော HTML မီနူးများကို ကြည့်ကောင်းသော လမ်းကြောင်းပြဘားများအဖြစ် ပြောင်းလဲနိုင်သည်။
Navigation Bar = လင့်ခ်များစာရင်း
လမ်းညွှန်ဘားတစ်ခုသည် စံ 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;
ဖယ်ရှားရန်
အထက်ဖော်ပြပါ ဥပမာရှိ ကုဒ်သည် ဒေါင်လိုက်နှင့် အလျားလိုက် လမ်းညွှန်ဘားများ နှစ်ခုလုံးတွင် အသုံးပြုသည့် စံကုဒ်ဖြစ်ပြီး နောက်အခန်းများတွင် ပိုမိုလေ့လာနိုင်မည်ဖြစ်သည်။