CSS నావిగైటన్ బార్ - క్షితిజ సమాంతర మరియు నిలువు.
CSS కోడ్:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
HTML కోడ్:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
వీక్షణ:
#link_bar a అనేది లింక్ యొక్క అన్ని రాష్ట్రాలకు శైలి.
#link_bar a:link అనేది సాధారణ లింక్ యొక్క శైలి.
#link_bar a: సందర్శించినది సందర్శించిన లింక్ యొక్క శైలి.
#link_bar a:hover అనేది మౌస్ హోవర్డ్ లింక్ యొక్క శైలి.
#link_bar a: యాక్టివ్ అనేది మౌస్ ద్వారా నొక్కినప్పుడు లింక్ యొక్క శైలి.
CSS కోడ్:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
HTML కోడ్:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
వీక్షణ:
#link_bar a అనేది లింక్ యొక్క అన్ని రాష్ట్రాలకు శైలి.
#link_bar a:link అనేది సాధారణ లింక్ యొక్క శైలి.
#link_bar a: సందర్శించినది సందర్శించిన లింక్ యొక్క శైలి.
#link_bar a:hover అనేది మౌస్ హోవర్డ్ లింక్ యొక్క శైలి.
#link_bar a: యాక్టివ్ అనేది మౌస్ ద్వారా నొక్కినప్పుడు లింక్ యొక్క శైలి.
మా CSS నావిగేషన్ బార్ సాధనం CSS నావిగేషన్ బార్‌కి వినియోగదారులను అనుమతిస్తుంది.ఈ యుటిలిటీ యొక్క కొన్ని ప్రముఖ లక్షణాలు క్రింద వివరించబడ్డాయి.
మా CSS నావిగేషన్ బార్ టూల్ యొక్క వినియోగదారు-స్నేహపూర్వక ఇంటర్‌ఫేస్ ఈ మార్పిడిని తక్షణమే నిర్వహించే సౌలభ్యాన్ని మీకు అందిస్తుంది.ఈ సాధనం యొక్క సరళత కారణంగా మీరు ఇకపై CSS నావిగేషన్ బార్ కోసం ప్రోగ్రామింగ్ నైపుణ్యాలను పొందాల్సిన అవసరం లేదు.
CSS నావిగేషన్ బార్‌ని ఉపయోగించడానికి మీరు ఎలాంటి రిజిస్ట్రేషన్ ప్రక్రియను అనుసరించాల్సిన అవసరం లేదు.ఈ యుటిలిటీని ఉపయోగించి, మీరు CSS నావిగేషన్ బార్ టూల్‌ని మీకు కావలసినన్ని సార్లు ఉచితంగా ఉపయోగించవచ్చు.
ఈ CSS నావిగేషన్ బార్‌ను ప్రపంచంలోని ఏ మూల నుండి అయినా యాక్సెస్ చేయవచ్చు.ఈ ఆన్‌లైన్ సాధనం యొక్క అనుకూలత గురించి మీరు చింతించాల్సిన అవసరం లేదు, మీరు ఏ పరికరం నుండి అయినా దానితో CSS నావిగేషన్ బార్ చేయవచ్చు.మీకు కావలసిందల్లా ఈ CSS నావిగేషన్ బార్ టూల్‌ను యాక్సెస్ చేయడానికి మరియు ఉపయోగించడానికి ఇంటర్నెట్ కనెక్షన్.
CSS నావిగేషన్ బార్ అదే పనిని వెంటనే పూర్తి చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.మాన్యువల్ విధానాలను అనుసరించమని మిమ్మల్ని అడగరు, ఎందుకంటే దాని స్వయంచాలక అల్గారిథమ్‌లు మీ కోసం పని చేస్తాయి.
CSS నావిగేషన్ బార్ టూల్ అన్ని ఆపరేటింగ్ సిస్టమ్‌లలో ఖచ్చితంగా పనిచేస్తుంది.మీరు Mac, iOS, Android, Windows లేదా Linux పరికరాన్ని కలిగి ఉన్నా, మీరు ఈ ఆన్‌లైన్ యుటిలిటీని ఎటువంటి ఇబ్బందిని ఎదుర్కోకుండా సులభంగా ఉపయోగించవచ్చు.
ఈ CSS నావిగేషన్ బార్ టూల్‌ని ఉపయోగించడానికి మీరు ఎలాంటి రిజిస్ట్రేషన్ ప్రక్రియను అనుసరించాల్సిన అవసరం లేదు.మీరు ఈ యుటిలిటీని ఉచితంగా ఉపయోగించవచ్చు మరియు ఎటువంటి పరిమితులు లేకుండా అపరిమిత CSS నావిగేషన్ బార్ చేయవచ్చు.