CSS 导航栏
ప్రదర్శన: నేవిగేషన్ బార్
నేవిగేషన్ బార్
ఏ సైట్ కైనా సులభమైన నేవిగేషన్ అత్యంత ముఖ్యం.
CSS ఉపయోగించడం ద్వారా, మీరు విస్మయకరమైన HTML మెనూను అందమైన నేవిగేషన్ బార్ గా మార్చవచ్చు.
నేవిగేషన్ బార్ = లింకుల జాబితా
నేవిగేషన్ బార్ కు ప్రామాణిక హ్ట్మ్ఎల్ ఉండాలి.
మా ఉదాహరణలో, మేము ప్రామాణిక హ్ట్మ్ఎల్ జాబితా నేవిగేషన్ బార్ నిర్మిస్తాము.
నేవిగేషన్ బార్ సాధారణంగా లింకుల జాబితా అని ఉంటుంది కాబట్టి <ul> మరియు <li> ఎలంజంట్లను వాడటం చాలా మేలు ఉంటుంది:
实例
<ul> <li><a href="index.asp">Home</a></li>
现在,从列表中删除项目符号以及外边距和内边距(填充):
实例
ul { list-style-type: none; margin: 0; padding: 0; }
例子解释:
list-style-type: none;
- 删除项目符号。导航条不需要列表项标记。- 设置
margin: 0;
和padding: 0;
删除浏览器的默认设置。
上例中的代码是垂直和水平导航栏中使用的标准代码,您将在下一章中学习更多内容。