CSS 导航栏

ప్రదర్శన: నేవిగేషన్ బార్

నేవిగేషన్ బార్

ఏ సైట్ కైనా సులభమైన నేవిగేషన్ అత్యంత ముఖ్యం.

CSS ఉపయోగించడం ద్వారా, మీరు విస్మయకరమైన HTML మెనూను అందమైన నేవిగేషన్ బార్ గా మార్చవచ్చు.

నేవిగేషన్ బార్ = లింకుల జాబితా

నేవిగేషన్ బార్ కు ప్రామాణిక హ్ట్మ్ఎల్ ఉండాలి.

మా ఉదాహరణలో, మేము ప్రామాణిక హ్ట్మ్ఎల్ జాబితా నేవిగేషన్ బార్ నిర్మిస్తాము.

నేవిగేషన్ బార్ సాధారణంగా లింకుల జాబితా అని ఉంటుంది కాబట్టి <ul> మరియు <li> ఎలంజంట్లను వాడటం చాలా మేలు ఉంటుంది:

实例

<ul>
  <li><a href="index.asp">Home</a></li>
  
  • News
  • Contact
  • About
  • 亲自试一试

    现在,从列表中删除项目符号以及外边距和内边距(填充):

    实例

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

    亲自试一试

    例子解释:

    • list-style-type: none; - 删除项目符号。导航条不需要列表项标记。
    • 设置 margin: 0;padding: 0; 删除浏览器的默认设置。

    上例中的代码是垂直和水平导航栏中使用的标准代码,您将在下一章中学习更多内容。