סרגל ניווט 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 א: ביקר הוא סגנון הקישור שבו ביקר.
#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 א: ביקר הוא סגנון הקישור שבו ביקר.
#link_bar a:hover הוא הסגנון של קישור מרחף בעכבר.
#link_bar a: פעיל הוא סגנון הקישור בלחיצה על ידי העכבר.
כלי סרגל הניווט CSS שלנו מאפשר למשתמשים לסרגל ניווט CSS. כמה מהתכונות הבולטות של כלי זה מוסברות להלן.
הממשק הידידותי למשתמש של כלי סרגל הניווט שלנו ב-CSS מספק לך את הקלות של ביצוע המרה זו באופן מיידי. אינך צריך עוד לרכוש מיומנויות תכנות עבור סרגל ניווט CSS בשל הפשטות של כלי זה.
אינך צריך לעבור שום תהליך רישום כדי להשתמש בסרגל הניווט של CSS. באמצעות כלי זה, אתה יכול CSS Navigation Bar Tool כמה פעמים שתרצה בחינם.
ניתן לגשת לסרגל ניווט CSS זה מכל פינה בעולם. אתה לא צריך לדאוג לגבי התאימות של הכלי המקוון הזה, מכיוון שאתה יכול להשתמש בסרגל ניווט CSS איתו מכל מכשיר. כל מה שאתה צריך הוא חיבור לאינטרנט כדי לגשת ולהשתמש בכלי סרגל הניווט הזה ב-CSS.
סרגל הניווט של CSS מאפשר לך לבצע את אותה משימה באופן מיידי. לא תתבקש לבצע נהלים ידניים, שכן האלגוריתמים האוטומטיים שלו יעשו את העבודה בשבילך.
כלי סרגל הניווט CSS עובד בצורה מושלמת על כל מערכות ההפעלה. בין אם יש לך מכשיר Mac, iOS, Android, Windows או Linux, אתה יכול להשתמש בקלות בכלי השירות המקוון הזה מבלי להתמודד עם כל טרחה.
אינך צריך לעבור שום תהליך רישום כדי להשתמש בכלי סרגל הניווט הזה ב-CSS. אתה יכול להשתמש בכלי זה בחינם ולעשות סרגל ניווט CSS ללא הגבלה ללא כל הגבלה.